jQuery学习笔记(三)

一.为元素绑定事件的方法:
1.就直接加就好了:例如:

$("#myElement").click(function(){

alert("dasndnaskdnkasjbdkjasbdjkas");

});

2.借助一个函数,我认为就是多此一举。。。。

$("#myElement").bind('click',function(){ 

alert($(this).text());

});//但是如果当DOM中没有该元素的只能使用这种方法,此时第一种是不能用的,这种方法是对于新元素所用的。

二.事件

事件包含很多种,分为五大类:表单事件,鼠标事件,键盘事件,浏览器事件,文档加载。

选择器+事件+函数=复杂的交互。

三.删除事件。

当事件绑定元素之后,也可以将其解除绑定,例如当我们对于一个事件只发生一次的时候,我们可以利用绑定事件将其解除绑定。

$("#myElement").bind('click',function(){
    alert("sfsdfsd");
});
$("#myElement").unbind('click');//单一绑定删除。
$("#myElement").bind('focus',function(){
    alert("sfsdfsd");
});
$("#myElement").bind('click',function(){
    alert("sfsdfsd");
});
$("#myElement").unbind();//元素的所有绑定删除。。。

 四.迭代:

循环也称为迭代。

$(".nav_item").each(function(){
    $(this).hide();
})

循环处理与选择器匹配的各个元素。

each会使用调用他的选择器,创建一个由这个选择器标识的一个元素数组。然后按照顺序循环处理这个数组的各个元素。

五.直接触发事件的函数.

结合选择器使用方法trigger(’事件‘);

六.jQuery的一个优点:跨浏览器兼容。

七.类似元素的关联方法:

有类似行为的元素可以用.live();方法来关联一个已经存在的元素的已有方法。

八.函数声明与命名函数表达式的区别。

九.hover事件函数

它的参数分为两部分函数组成这个事件,一部分是鼠标移动到函数,一部分是鼠标移走了的函数。

$(".guess_box").hover(
    function(){
        $(this).addClass(""my_hover);//添加类名的函数
    },//mouseenter事件匿名处理函数
    function(){//mouseleave事件匿名处理函数
        $(this).removeClass("my_hover");//移除类名的函数
});

十.contain函数

这是jQuery库的一个静态方法,他有两个参数,两个元素参数,然后检查是否存在包含关系,返回值是Boolean类型。

if($.contains(this,document.getElementById("has_discount")))
{
    var my_num=getRandom(5);
    //.......
}else{
    //........
}

检查第一个元素中是否包含第二个元素。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值