parent(expr)取得一个包含着所有匹配元素的唯一父元素的元素集合 parents(expr)//得到匹配元素集合中各个元素的所有祖先元素集合 prev(expr)得到匹配元素集合中各个元素紧邻的前一个兄弟元素集合 siblings(expr)得到所有匹配元素集合中各个元素的所有兄弟元素集合 Core: $(html).appendTo("body") 相当于在body中写了一段html代码 $(elems) 获得DOM上的某个元素 $(function(){……..}); 执行一个函数 $("div > p").css("border", "1px solid gray"); 查找所有div的子节点p,添加样式 $("input:radio", document.forms[0]) 在当前页面的第一个表单中查找所有的单选按钮 jQuery为开发插件提拱了两个方法,分别是: jQuery.extend(object) 为扩展jQuery类本身.为类添加新的方法。 举例 jQuery.extend({ min: function(a, b) { return a < b ? a : b; }, max: function(a, b) { return a > b ? a : b; } }); 引用jQuery: $.min(3,4); //return 3 jQuery.fn.extend(object)给jQuery对象添加方法,是对jQuery.prototype进得扩展 jQuery.fn = jQuery.prototype = { init: function( selector, context ) {//.... //...... }; 举例 $.fn.extend({ alertWhileClick:function(){ $(this).click(function(){ alert($(this).val()); }); } }); 引用jQuery: $("#input1").alertWhileClick(); jQuery( expression, [context] ) ---$( expression, [context]); 在默认情况下,$()查询的是当前HTML文档中的DOM元素。 each( callback ) 以每一个匹配的元素作为上下文来执行一个函数 举例:1 $("span").click(function){ $("li").each(function(){ $(this).toggleClass("example"); }); }); 举例:2 $("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; } }); }); |