14个有用的Jquery技巧分享

2020-05-23 06:01:13易采站长站整理

<script>!window.jQuery && document.write(‘<script src=”js/jquery-1.4.2.min.js”></script>’)</script>
如果CDN没有下载到Jquery,则从本地读取

12.Jquery Filters

<script>
$(‘p:first’).data(‘info’, ‘value’); // populates $’s data object to have something to work with
$.extend(
jQuery.expr[“:”], {
block: function(elem) {
return $(elem).css(“display”) === “block”;
},
hasData : function(elem) {
return !$.isEmptyObject( $(elem).data() );
}
}
);
$(“p:hasData”).text(“has data”); // grabs paras that have data attached
$(“p:block”).text(“are block level”); // grabs only paragraphs that have a display of “block”
</script>
注:$.expr[“:”]等价于$.expr.filters

13.hover方法


$(‘#someElement’).hover(function() {
//在这里可以使用toggle方法来实现滑过和滑出的效果
});

14.传入属性对象

当创建一个元素的时候,Jquery1.4可以传入一个属性对象

$(‘</a>’, {
id : ‘someId’,
className : ‘someClass’,
href : ‘somePath.html’
});
甚至是Jquery指定的属性或事件如text, click