分享50个使你成为高级javascript开发者的jQuery的代码开发技巧 - 第一部分

转载,但是忘记地址了。

1. 创建一个嵌套的过滤器

.filter(":not(:has(.selected))") 

2. 重用你的元素查询

 allItems = $("div.item" keepList = $("div#container1 div.item"<div>+ " input:checked").each(() { keepListkeepList = keepList.filter("." + $().attr("name"</div>
$("input").has(".email").addClass("email_icon");
$('link[media='screen']').attr('href', 'Alternative.css'); 

5. 限制选择的区域

 in_stock = $('#shopping_cart_items input.is_in_stock'<ul id="shopping_cart_items"> 
<li> 
<input value="Item-X" name="item" class="is_in_stock" type="radio"> Item X</li> 
<li> 
<input value="Item-Y" name="item" class="3-5_days" type="radio"> Item Y</li> 
<li> 
<input value="Item-Z" name="item" class="unknown" type="radio"> Item Z</li> 
</ul> 
a.hasClass('blueButton') ? a.removeClass('blueButton') : a.addClass('blueButton'
a.toggleClass('blueButton'); 

7. 设置IE指定的功能

 ($.browser.msie) { 
$('#thatdiv').replaceWith('fnuh');
 ($('#keks').html()) { 
$("ul > li").click( index = $(
$('#foo').bind('click', 'User clicked on "foo."'
$('#lal').append('sometext');

13. 创建元素时使用对象来定义属性

 e = $("", { href: "#", class: "a-class another-class", title: "..." });

14. 使用过滤器过滤多属性

 elements = $('#someid input[type=sometype][value=somevalue]').get(); 

15. 使用jQuery预加载图片

jQuery.preloadImages = () { ( i = 0; i').attr('src''image1.gif', '/path/to/image2.png', 'some/image3.jpg'); 

....................................................................

$('button.someClass').live('click'
$("table").each("td", ).live("hover", ).toggleClass("hover"
$("table").delegate("td", "hover", ).toggleClass("hover"

17. 找到被选择到的选项(option)元素

$('#someElement').find('option:selected');

18. 隐藏包含特定值的元素

$("p.value:contains('thetextvalue')").hide();

19. 自动的滚动到页面特定区域

jQuery.fn.autoscroll = 'html,body'500
$('.area_name').autoscroll();

20. 检测各种浏览器

Detect Safari ( ($.browser.msie &amp;&amp; $.browser.version &gt; 6 ($.browser.msie &amp;&amp; $.browser.version &lt;= 62 and above ( ($.browser.mozilla &amp;&amp; $.browser.version &gt;= '1.8' ))

21. 替换字符串中的单词

 el = $('#id'/word/ig, ''));

22. 关闭右键的菜单

$(document).bind('contextmenu',(e){  ; });

23. 定义一个定制的选择器

$.expr[':'].mycustomselector = 

$('.someClasses:test').doSomething();

24. 判断一个元素是否存在

 ($('#someDiv').length) {

25. 使用jQuery判断鼠标的左右键点击

$("#someelement").live('click', ( (!$.browser.msie &amp;&amp; e.button == 0) || ($.browser.msie &amp;&amp; e.button == 1"Left Mouse Button Clicked" (e.button == 2"Right Mouse Button Clicked"

来自:http://www.verydemo.com/demo_c110_i3915.html

猜你喜欢

转载自xieshuai19887893.iteye.com/blog/2072550
今日推荐