jQuery技术

jquery的一些很有用的技巧

字号+ 作者:H5之家 来源:H5之家 2017-06-09 16:00 我要评论( )

jquery的一些很有用的技巧,1、切换样式toggleClass$(”#msg”).toggleClass(”select”); //如果存在(不存在)就删除(添加)名称为select的class2、切换事件to

正文

1、切换样式toggleClass$(”#msg”).toggleClass(”select”); //如果存在(不存在)就删除(添加)名称为select的class 2、切换事件toggle(evenFn,oddFn): 每次点击时切换要调用的函数。如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。
//每次点击时轮换添加和删除名为selected的class。
$(”p”).toggle(function(){
$(this).addClass(”selected”);
},function(){
$(this).removeClass(”selected”);
});
3、trigger(eventtype): 在每一个匹配的元素上触发某类事件。
例如: $(”p”).trigger(”click”); //触发所有p元素的click事件
4.$.each(obj, fn):通用的迭代函数。可用于近似地迭代对象和数组(代替循环)
//数组
$.each( ['a','b','c'], function(i, n){ alert( “Item #” + i + “: ” + n ); });
//结果:item0:a item1:b item2:c

//对像
$.each( {id:1,name:'zhangsan'}, function(i, n){ alert( “name:” + i + “,value: ” + n ); });
//name:id,value:1
//name:name,value:zhangsan

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 瀑布流 jQuery Masonry 插件用法及下载

    瀑布流 jQuery Masonry 插件用法及下载

    2017-06-09 17:11

  • 《jQuery实战》(jQuery实战)扫描版[PDF]

    《jQuery实战》(jQuery实战)扫描版[PDF]

    2017-06-09 11:00

  • jQuery 中 attr() 和 prop() 方法的区别

    jQuery 中 attr() 和 prop() 方法的区别

    2017-06-09 10:01

  • jQuery技术练习题

    jQuery技术练习题

    2017-06-09 10:00

网友点评
/