jquery屬性操作

1、html() 取出或設(shè)置html內(nèi)容

// 取出html內(nèi)容

var $htm = $('#div1').html();

// 設(shè)置html內(nèi)容

$('#div1').html('<span>添加文字</span>');

2、prop() 取出或設(shè)置某個屬性的值

// 取出圖片的地址

var $src = $('#img1').prop('src');

// 設(shè)置圖片的地址和alt屬性

$('#img1').prop({src: "test.jpg", alt: "Test Image" });

jquery循環(huán)

對jquery選擇的對象集合分別進(jìn)行操作，需要用到j(luò)query循環(huán)操作，此時可以用對象上的each方法：

$(function(){

    $('.list li').each(function(i){

        $(this).html(i);

    })

})

......

<ul class="list">

    <li></li>

    <li></li>

    <li></li>

    <li></li>

    <li></li>

    <li></li>

</ul>

jquery事件

事件函數(shù)列表：

blur() 元素失去焦點(diǎn)

focus() 元素獲得焦點(diǎn)

click() 鼠標(biāo)單擊

mouseover() 鼠標(biāo)進(jìn)入（進(jìn)入子元素也觸發(fā)）

mouseout() 鼠標(biāo)離開（離開子元素也觸發(fā)）

mouseenter() 鼠標(biāo)進(jìn)入（進(jìn)入子元素不觸發(fā)）

mouseleave() 鼠標(biāo)離開（離開子元素不觸發(fā)）

hover() 同時為mouseenter和mouseleave事件指定處理函數(shù)

ready() DOM加載完成

resize() 瀏覽器窗口的大小發(fā)生改變

scroll() 滾動條的位置發(fā)生變化

submit() 用戶遞交表單

綁定事件的其他方式

$(function(){

    $('#div1').bind('mouseover click', function(event) {

        alert($(this).html());

    });

});

取消綁定事件

$(function(){

    $('#div1').bind('mouseover click', function(event) {

        alert($(this).html());

        // $(this).unbind();

        $(this).unbind('mouseover');

    });

});

總結(jié)

以上是生活随笔為你收集整理的19 01 16 jquery 的 属性操作 循环 jquery 事件 和事件的绑定 解绑的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。