1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$(document).ready(function() {
   
   $.extend($.expr[':'], {
   
       moreThen1000px: function(a) {
   
                  return $(a).width() > 1000;
   
      }
   
   });
   
  $('.box:moreThen1000px').click(function() {
   
        // creating a simple js alert box
   
      alert('The element that you have clicked is over 1000 pixels wide');
   
  });
   
});

31. 统计元素个数
Count an element.

[url=]复制代码[/url]

1
2
3
4
5
$(document).ready(function() {
   
   $("p").size();
   
});

32. 使用自己的 Bullets
Want to use your own bullets instead of using the standard or images bullets?

[url=]复制代码[/url]

1
2
3
4
5
6
7
8
9
$(document).ready(function() {
   
   $("ul").addClass("Replaced");
   
   $("ul > li").prepend("‒ "); // how to use
   
ul.Replaced { list-style : none; }
   
});

33. 引用Google主机上的Jquery类库
Let Google host the jQuery script for you. This can be done in 2 ways.
[url=]复制代码[/url]

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
//Example 1
   
<SCRIPT src=""></SCRIPT>
   
<SCRIPT type=text/javascript>
   
google.load("jquery", "1.2.6");
   
google.setOnLoadCallback(function() {
   
    // do something
   
});
   
</SCRIPT><SCRIPT type=text/javascript src=""></SCRIPT>
   
// Example 2the best and fastest way)
   
<SCRIPT type=text/javascript src=""></SCRIPT>

34. 禁用Jquery（动画）效果
Disable all jQuery effects

[url=]复制代码[/url]

1
2
3
4
5
$(document).ready(function() {
   
    jQuery.fx.off = true;
   
});

35. 与其他Javascript类库冲突解决方案
To avoid conflict other libraries on your website, you can use this jQuery Method, and assign a different variable name instead of the dollar sign.

[url=]复制代码[/url]

1
2
3
4
5
6
7
$(document).ready(function() {
   
   var $jq = jQuery.noConflict();
   
   $jq('#id').show();
   
});

科帮网-享受科技、热爱生活 1、本主题所有言论和图片纯属会员个人意见，与本社区立场无关
2、本站所有主题由该帖子作者发表，该帖子作者与科帮网-享受科技、热爱生活享有帖子相关版权
3、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和科帮网-享受科技、热爱生活的同意
4、帖子作者须承担一切因本文发表而直接或间接导致的民事或刑事法律责任
5、本帖部分内容转载自其它媒体，但并不代表本站赞同其观点和对其真实性负责
6、如本帖侵犯到任何版权问题，请立即告知本站，本站将及时予与删除并致以最深的歉意
7、科帮网-享受科技、热爱生活管理员和版主有权不事先通知发贴者而删除本文