jquery屬性操作

1、html() 取出或設置html內容

// 取出html內容

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

// 設置html內容

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

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

// 取出圖片的地址

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

// 設置圖片的地址和alt屬性

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

jquery循環

對jquery選擇的對象集合分別進行操作，需要用到jquery循環操作，此時可以用對象上的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事件

事件函數列表：

blur() 元素失去焦點

focus() 元素獲得焦點

click() 鼠標單擊

mouseover() 鼠標進入（進入子元素也觸發）

mouseout() 鼠標離開（離開子元素也觸發）

mouseenter() 鼠標進入（進入子元素不觸發）

mouseleave() 鼠標離開（離開子元素不觸發）

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

ready() DOM加載完成

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

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

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');

    });

});

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。