前端-jq创建标签/添加属性/css属性

jq创建标签

var ptag = $('<p>'); 

jq添加属性如href,id,class,name等

$('#content').attr('class/id/name/href', 'active')$('#id').html('标签的文本')$('#input).val('xxxxxxx')

jq添加style属性即css,如width,height,text_aling

$("div").css({"background-color":"yellow","font-size":"200%"});
var css = { background-color: '#EEE', height: '500px', margin: '10px', padding: '2px 5px'};$("div").css(css);

jq向标签里添加标签

var ptag = $('p')

在父标签里添加子标签

$('#id').append(ptag)

jq获取checkbox的值

<ul > <li><input type="checkbox" name="friend_name" value="zhangshan">张三</li> <li><input type="checkbox" name="friend_name" value="lisi">李四</li> <li><input type="checkbox" name="friend_name" value="python">派神</li> <li><input type="checkbox" name="friend_name" value="java">加瓦</li></ul><script>var friend_name = new Array() $('input[name="friend_name"]:checked').each(function (i) { friend_name[i] = $(this).val() });</script>

相关文章