19 01 16 jquery 的属性操作循环 jquery 事件和事件的绑定解绑

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 事件和事件的绑定解绑

jquery属性操作

jquery循环

jquery事件

最新文章

热门文章

巴特西

19 01 16 jquery 的 属性操作 循环 jquery 事件 和事件的绑定 解绑

jquery属性操作

jquery循环

jquery事件

最新文章

热门文章

19 01 16 jquery 的属性操作循环 jquery 事件和事件的绑定解绑