jQuery技巧和技巧

语法

公鸡酸是“准备事件”的简称鸡酮酸的断行性和链性嵌套过滤器由Nathan Long 缓存一个集合并通过roosteronacid在同一行上执行命令包含选择器roosteronacid 定义元素创建时的属性访问jQuery函数就像访问roosteronacid数组一样 noConflict函数- Oli释放$变量通过nickf隔离noConflict模式下的$变量无冲突模式由鸡酮酸

数据存储

数据函数-通过TenebrousX将数据绑定到元素 HTML5数据属性支持，在类固醇!由roosteronacid Filip dupanovic设计的jQuery元数据插件

优化

用鸡酮酸优化复合选择剂的性能 lupefiasco的上下文参数 Nathan Long的保存和重用搜索创建HTML元素并保持引用，检查元素是否存在，编写自己的选择器

杂项

Check the index of an element in a collection by redsquare Live event handlers by TM Replace anonymous functions with named functions by ken Microsoft AJAX framework and jQuery bridge by Slace jQuery tutorials by egyamado Remove elements from a collection and preserve chainability by roosteronacid Declare $this at the beginning of anonymous functions by Ben FireBug lite, Hotbox plug-in, tell when an image has been loaded and Google CDN by Colour Blend Judicious use of third-party jQuery scripts by harriyott The each function by Jan Zich Form Extensions plug-in by Chris S Asynchronous each function by OneNerd The jQuery template plug-in: implementing complex logic using render-functions by roosteronacid

当前回答

哦，不要忘了jQuery元数据!data()函数很棒，但它必须通过jQuery调用来填充。

而不是打破W3C的自定义元素属性，如:

<input 
  name="email" 
  validation="required" 
  validate="email" 
  minLength="7" 
  maxLength="30"/>

使用元数据:

<input 
  name="email" 
  class="validation {validate: email, minLength: 2, maxLength: 50}" />

<script>
    jQuery('*[class=validation]').each(function () {
        var metadata = $(this).metadata();
        // etc.
    });
</script>

2009-02-02 20:35:41

其他回答

“准备事件”的简称

显式和详细的方式:

$(document).ready(function ()
{
    // ...
});

速记:

$(function ()
{
    // ...
});

2010-02-07 20:07:40

嵌套过滤器

可以嵌套过滤器(如nickf所示)。

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

2008-12-23 17:14:34

绑定到事件并立即执行事件处理程序:

$('selector').bind('change now', function () { // bind to two events: 'change' and 'now'
    // update other portions of the UI
}).trigger('now'); // 'now' is a custom event

这就像

function update() {
    // update other portions of the UI
}
$('selector').change(update);
update();

但是不需要创建单独的命名函数。

2011-07-20 23:23:19

检查索引

jQuery有.index，但使用起来很痛苦，因为你需要元素列表，并传入你想要索引的元素:

var index = e.g $('#ul>li').index( liDomObject );

下面的方法就简单多了:

如果你想知道无序列表中集合(例如列表项)中元素的索引:

$("ul > li").click(function () {
    var index = $(this).prevAll().length;
});

2008-12-23 19:57:15

尽可能使用过滤方法而不是伪选择器，这样jQuery就可以使用querySelectorAll(这比sizzle快得多)。考虑这个选择器:

$('.class:first')

同样的选择可以使用:

$('.class').eq(0)

哪个必须更快，因为初始选择'.class'是QSA兼容

2010-12-03 18:16:37

jQuery技巧和技巧

推荐文章

最新文章

标签