jQuery笔记一

jQuery([selector,[context]])

如果没有指定context参数，$()将在当前的 HTML document中查找 DOM 元素；如果指定了 context 参数，如一个 DOM 元素集或 jQuery 对象，那就会在这个 context 中查找。

selector:用来查找的字符串，context:作为待查找的 DOM 元素集、文档或 jQuery 对象。

例：

找到所有 p 元素，并且这些元素都必须是 div 元素的子元素

$("div > p");

在文档的第一个表单中，查找所有的单选按钮(即: type 值为 radio 的 input 元素)。

$("input:radio", document.forms[0]);

each(callback)

以每一个匹配的元素作为上下文来执行一个函数。意味着，每次执行传递进来的函数时，函数中的this关键字都指向一个不同的DOM元素（每次都是一个不同的匹配元素）。而且，在每次执行函数时，都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数（从零开始的整型）。 返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue')。

例：

$("img").each(function(i){

   this.src = "test" + i + ".jpg";

 });

你可以使用 'return' 来提前跳出 each() 循环。

$("button").click(function () { 

$("div").each(function (index, domEle) { 

  // domEle == this 

  $(domEle).css("backgroundColor", "yellow");  

  if ($(this).is("#stop")) { 

  $("span").text("Stopped at div index #" + index); 

  return false; 

  } 

});

});

jQuery.noConflict([extreme])

确保jQuery不会与其他库的$对象发生冲突。 在运行这个函数后，就只能使用jQuery变量访问jQuery对象。

例：

jQuery.noConflict();

(function($) { 

  $(function() {

    // 使用 $ 作为 jQuery 别名的代码

  });

})(jQuery);

// 其他用 $ 作为别名的库的代码

创建一个新的别名用以在接下来的库中使用jQuery对象。

var j = jQuery.noConflict();

// 基于 jQuery 的代码

j("div p").hide();

// 基于其他库的 $() 代码

$("content").style.display = 'none';