javascript - jQuery提示和技巧(jQuery Tips and Tricks)

Question

Syntax(句法)

• Shorthand for the ready-event by roosteronacid

  (由roosteronacid 准备的事件的简写)

• Line breaks and chainability by roosteronacid

  (通过roosteronacid的断裂和可连接性)

• Nesting filters by Nathan Long

  (由Nathan Long 嵌套过滤器)

• Cache a collection and execute commands on the same line by roosteronacid

  (通过roosteronacid 缓存集合并在同一行执行命令)

• Contains selector by roosteronacid

  (由roosteronacid 包含选择器)

• Defining properties at element creation by roosteronacid

  (通过roosteronacid 定义元素创建时的属性)

• Access jQuery functions as you would an array by roosteronacid

  (通过roosteronacid 访问jQuery函数和数组一样)

• The noConflict function - Freeing up the $ variable by Oli

  (noConflict函数 -由Oli 释放$变量)

• Isolate the $ variable in noConflict mode by nickf

  (通过nickf 在noConflict模式下隔离$变量)

• No-conflict mode by roosteronacid

  (roosteronacid的无冲突模式)

Data Storage(数据存储)

• The data function - bind data to elements by TenebrousX

  (数据功能 -通过TenebrousX 将数据绑定到元素)

• HTML5 data attributes support, on steroids!

  (类固醇支持HTML5数据属性！)

  by roosteronacid

  (通过roosteronacid)

• The jQuery metadata plug-in by Filip Dupanovi?

  (FilipDupanovi? 的jQuery元数据插件)

Optimization(优化)

• Optimize performance of complex selectors by roosteronacid

  (通过roosteronacid 优化复杂选择器的性能)

• The context parameter by lupefiasco

  (lupefiasco 的上下文参数)

• Save and reuse searches by Nathan Long

  (保存并重复使用 Nathan Long的搜索)

• Creating an HTML Element and keeping a reference, Checking if an element exists, Writing your own selectors by Andreas Grech

  (创建HTML元素并保留引用，检查元素是否存在，由Andreas Grech 编写自己的选择器)

Miscellaneous(杂)

• Check the index of an element in a collection by redsquare

  (通过redsquare 检查集合中元素的索引)

• Live event handlers by TM

  (TM的现场活动处理程序)

• Replace anonymous functions with named functions by ken

  (用 ken 替换匿名函数和命名函数)

• Microsoft AJAX framework and jQuery bridge by Slace

  (Slace的Microsoft AJAX框架和jQuery桥接器)

• jQuery tutorials by egyamado

  (egyamado的<a href="https://stackoom.com/link/aHR0cHM6Ly9zdGFja292ZXJmbG93LmNvbS9xdWVzdGlvbnMvMTgyNjMwL2pxdWVyeS10aXBzLWFuZC10cmlja3MvOTIyODY1IzkyMjg2NQ==" rel="nofollow noopener" target="_bla

Answer 1

Creating an HTML Element and keeping a reference

(创建HTML元素并保留引用)

var newDiv = $("<div />");

newDiv.attr("id", "myNewDiv").appendTo("body");

/* Now whenever I want to append the new div I created, 
   I can just reference it from the "newDiv" variable */

Checking if an element exists

(检查元素是否存在)

if ($("#someDiv").length)
{
    // It exists...
}

Writing your own selectors

(编写自己的选择器)

$.extend($.expr[":"], {
    over100pixels: function (e)
    {
        return $(e).height() > 100;
    }
});

$(".box:over100pixels").click(function ()
{
    alert("The element you clicked is over 100 pixels height");
});