一: 核心部分
$(expr)
参数:expr:字符串,一个查询表达式或一段html字符串
alert($("div > p").html());
$("<div><p>Hello</p></div>").appendTo("body");
$(elem)
参数: elem:通过jQuery对象压缩的DOM元素
$(document).find("div > p").html()
$(document.body).background("black")
$(elems)
参数: elem:一组通过jQuery对象压缩的DOM元素
$(form1.elements ).hide();
$(fn)
说明:$(document).ready()的一个速记方式,当文档全部载入时执行函数。可以有多个$(fn)当文档载入时,同时执行所有函数
$( function(){
$(document.body).background("black");
})
$(obj)
参数:obj (jQuery): 要复制的jQuery对象
var f = $("div");
alert($(f).find("p").html())
each(fn)
说明:将函数作用于所有匹配的对象上
$("img").each(function(){
this.src = "2.jpg"; }
);
eq(pos)
参数:pos (Number): 期望限制的索引,从0 开始
alert($("p").eq(1).html())
get() get(num)
alert($("p").get(1).innerHTML);
注意get和eq的区别,eq返回的是jQuery对象,get返回的是所匹配的dom对象,所有取$("p").eq(1)对象的内容用jQuery方法html(),而取$("p").get(1)的内容用innerHTML
index(obj)
alert($("div").index(document.getElementById('test1')));
size() Length
alert($("img").length);
二: DOM操作
属性
herf() herf(val)
herf() herf(val) html() html(val) id() id (val) name() name (val) rel() rel (val)
src() src (val) title() title (val) val() val(val)
操作
after(html) 在匹配元素后插入一段html
appendTo(expr) 与append(elem)相反
clone() 复制一个jQuery对象
empty() 删除匹配对象的所有子节点
insertAfter(expr) insertBefore(expr)
prepend (html) prepend (elem) prepend (elems) 在匹配元素的内部且开始出插入
remove() 删除匹配对象
wrap(elem) 将匹配对象包含在给出的对象内
add(expr) 在原对象的基础上在附加符合指定表达式的jquery对象
add(el) 在匹配对象的基础上在附加指定的dom元素。
add(els)
ancestors () 一依次以匹配结点的父节点的内容为对象,根节点除外
ancestors (expr) 在ancestors()的基础上之取符合表达式的对象
children() 返回匹配对象的子介点
children(expr) 返回匹配对象的子介点中符合表达式的节点
parent () parent (expr)取匹配对象父节点的。参照children帮助理解
contains(str) 返回匹配对象中包含字符串str的对象
end() 结束操作,返回到匹配元素清单上操作前的状态.
filter(expr) filter(exprs) 过滤现实匹配符合表达式的对象 exprs为数组,注意添加“[ ]”
find(expr) 在匹配的对象中继续查找符合表达式的对象
is(expr) 判断对象是否符合表达式,返回boolen值
next() next(expr) 返回匹配对象剩余的兄弟节点
prev () prev (expr) 参照next理解
not(el) not(expr) 从jQuery对象中移出匹配的对象,el为dom元素,expr为jQuery表达式。
siblings () siblings (expr) jquery匹配对象中其它兄弟级别的对象
其他
addClass(class) 为匹配对象添加一个class样式
removeClass (class) 将第一个匹配对象的某个class样式移出
attr (name) 获取第一个匹配对象的属性