前端-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>