jQuery( expression, [context] )
expression(String): 用来查询用的字符串
context (Element | jQuery): (可选)作为上下文的DOM元素、文档或jQuery对象
在默认情况下,$()查询的是当前HTML文档中的DOM元素。 如果你指定了context,例如一个DOM元素或jquery对象,表达式会在context中查询所有匹配的元素。
例如:
在当前页面的第一个表单中查找所有的单选按钮
$("input:radio", document.forms[0]);
从一个AJAX请求返回的XML文档中查找所有的div元素
$("div", xml.responseXML);
查找所有div的子节点p,添加样式
$("div > p").css("border", "1px solid gray");
jQuery( html ) 以给定的HTML标记字符串创建DOM元素。
注意:如果在html字符串中有'/'字符的话则要进行转义,但是标签的关闭字符可以不用转义
例如:
$("<div><p>Hello</p></div>").appendTo("body")
不要创建一个无type属性的input元素,IE中input元素的type属性只能读/写一次,不能添加或更改input元素的type属性。
// Does NOT work in IE:
$("<input/>").attr("type", "checkbox");
// Does work in IE:
$("<input type='checkbox'/>")
所以在ie中创建input元素的时候一定要把input的类型首先写好
jQuery( elements )
为一个或多个DOM元素捆绑jQuery功能。
这个函数也可以接收XML文档和Window对象(虽然它们不是DOM元素)作为有效的参数。
jQuery( callback )
参数callback (Function): 当DOM载入完成后要执行的函数
$(document).ready()的简写方式。允许你绑定一个在DOM文档载入完成后执行的函数。
each( callback )以每一个匹配的元素作为上下文来执行一个函数。这意味着,每次执行传递进来的函数时,函数中的this关键字都指向一个不同的元素(每次都是一个不同的匹配元素)。而且,在每次执行函数时,都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数。callback函数可以具有返回值,如果当函数执行结束后返回false,则相当于break语句,each循环停止。如果返回true,则相当于continue,each循环继续。
例子:
$('p').each(function(index, domElement){
alert(index);
alert($(domElement).text());
});
$("span").click(function () {
$("li").each(function(){
$(this).toggleClass("example");
});
});
eq( position )取得元素组中某个位置的元素 ,索引从0开始到length-1
get( )将取得的包含元素的JQuery对象转化为一个数组,转化为数组后可以使用数组的方法
例如:
function disp(divs) {
var a = [];
for (var i = 0; i < divs.length; i++) {
a.push(divs[i].innerHTML);
}
$("span").text(a.join(" "));
}
disp( $("div").get().reverse() );
get(index)例子:
$("*", document.body).click(function (e) {
e.stopPropagation();
var domEl = $(this).get(0);
$("span:first").text("Clicked on - " + domEl.tagName);
});
index( subject )查找参数对象在jQuery对象中的位置,如果参数对象不存在于jQuery对象中时返回-1
jQuery.fn.extend( object )扩展jQuery对象,以提供新的方法(可用来制造一个典型jquery插件)
参数:object (Object): 要合并到jQuery对象中的对象
例如:
jQuery.fn.extend({
check: function() {
return this.each(function() { this.checked = true; });
},
uncheck: function() {
return this.each(function() { this.checked = false; });
}
});
$("input[@type=checkbox]").check();
$("input[@type=radio]").uncheck();
jQuery.extend( object )扩展jQuery对象本身
参数:object (Object): 要合并到jQuery对象中的对象
jQuery.extend({
min: function(a, b) { return a < b ? a : b; },
max: function(a, b) { return a > b ? a : b; }
});
jQuery.min(2,3); // => 2
jQuery.max(4,5); // => 5