**1、核心部分** $(expr):该函数可以通过css选择器,Xpath或html代码来匹配目标元素,所有的jQuery操作都以此为基础。 expr:字符串,一个查询表达式或一段html字符串
}
function jq(){ (“div>p”).html());}function jq(){ (“
“).appendTo(“body”); }
(elem):限制jQuery作用于一个特定的dom元素参数:elem通过jQuery对象压缩的DOM元素functionjq()alert($(document).find(“div>p”).html());functionjq()$(document.body).background(“black”);
(
e
l
e
m
)
:
限
制
j
Q
u
e
r
y
作
用
于
一
个
特
定
的
d
o
m
元
素
参
数
:
e
l
e
m
通
过
j
Q
u
e
r
y
对
象
压
缩
的
D
O
M
元
素
f
u
n
c
t
i
o
n
j
q
(
)
a
l
e
r
t
(
$
(
d
o
c
u
m
e
n
t
)
.
f
i
n
d
(
“
d
i
v
>
p
”
)
.
h
t
m
l
(
)
)
;
f
u
n
c
t
i
o
n
j
q
(
)
$
(
d
o
c
u
m
e
n
t
.
b
o
d
y
)
.
b
a
c
k
g
r
o
u
n
d
(
“
b
l
a
c
k
”
)
;
(elems):限制jQuery作用于一组特定的DOM元素 参数:elem:一组通过jQuery对象压缩的DOM元素
jQuery function jq(){
(form1.elements).hide();
} (form1.elements).hide();} (fn):当文档全部载入时执行函数,可以有多个 (fn),当文档载入时,同时执行所有函数。参数:fn(Function):当文档载入时执行的函数! ( f n ) , 当 文 档 载 入 时 , 同 时 执 行 所 有 函 数 。 参 数 : f n ( F u n c t i o n ) : 当 文 档 载 入 时 执 行 的 函 数 ! (function(){ (document.body).background(“black”);
})
相当于onLoad (document.body).background(“black”);})相当于onLoad (obj):复制一个jQuery对象 参数:obj:要复制的jQuery对象 function jq(){ var f= (“div”);alert( ( “ d i v ” ) ; a l e r t ( (f).find(“p”).html()) } each(fn):将函数作用于所有匹配的对象上 参数:fn(Function):需要执行的函数 jquery function jq(){ $(“img”).each(function(){ this.src=”2.jpg”; }); } eq(pos):减少匹配对象到一个单独的dom元素 参数:pos(Number):期望限制的索引,从0开始
}
get()get(num):获取匹配元素,get(num)返回匹配元素中的某一个元素
参数:get(Number):期望限制的索引,从0开始
function jq(){
alert( (“p”).eq(1).html())}get()get(num):获取匹配元素,get(num)返回匹配元素中的某一个元素参数:get(Number):期望限制的索引,从0开始function jq(){alert( (“p”).get(1).innerHTML); } 注意get和eq的区别:eq返回的是jQuery对象,get返回的是所匹配的dom对象,所以eq用jQuery方法html(),而get用innerHTML index(obj):返回对象索引 参数:obj要查找的对象 jQuery function jq(){ alert( (“div”).index(documentById(‘test1′)));alert( ( “ d i v ” ) . i n d e x ( d o c u m e n t B y I d ( ‘ t e s t 1 ′ ) ) ) ; a l e r t ( (“div”).index(documentById(‘test2’))); } size() length:当前匹配对象的数量,两者等价 jQuery function jq(){ alert( (“img”).length);
}
**2、DOM操作**
after(html) 在匹配元素后插入一段html
function jq(){ (“img”).length);}**2、DOM操作**after(html) 在匹配元素后插入一段htmlfunction jq(){ (“#test”).after(“ Hello“); } after(elem) after(elems) 将指定对象elem或对象组elems插入在匹配元素后 function jq(){ ("a").after( ( " a " ) . a f t e r ( (“#test”)); } append(html)在匹配元素内部,且末尾插入指定html function jq(){ $(“test”).append(“ Hello“); } appendTo(expr)与append(elem)相反 function jq(){ ("a").appendTo( ( " a " ) . a p p e n d T o ( (“#test”)); } 执行后:
}
执行后相当于
当点击连接时,id为a的对象的display变为none
show()显示匹配对象
hide(speed)以一定速度隐藏匹配对象,其大小和透明度都逐渐变化到0,speed有3级(”slow”,”normal”,”fast”),也可以是自定义的速度
show(speed)以一定的速度显示匹配对象
hide(speed,callback) show(speed,callback)当显示和隐藏变化结束后执行函数callback
toggle() toggle(speed)
如果当前匹配对象是隐藏的,则显示他们,如果当前是显示的就隐藏他们
slideDown(speeds)将匹配对象的高度由0以指定速率平滑的变化到正常!
one
two
three
jQuery function jq(){ alert( (“div>p”).html());}
function jq(){ (“div>p”).html());}function jq(){ (“
four
} (form1.elements).hide();} (fn):当文档全部载入时执行函数,可以有多个 (fn),当文档载入时,同时执行所有函数。参数:fn(Function):当文档载入时执行的函数! ( f n ) , 当 文 档 载 入 时 , 同 时 执 行 所 有 函 数 。 参 数 : f n ( F u n c t i o n ) : 当 文 档 载 入 时 执 行 的 函 数 ! (function(){ (document.body).background(“black”);
})
相当于onLoad (document.body).background(“black”);})相当于onLoad (obj):复制一个jQuery对象 参数:obj:要复制的jQuery对象 function jq(){ var f= (“div”);alert( ( “ d i v ” ) ; a l e r t ( (f).find(“p”).html()) } each(fn):将函数作用于所有匹配的对象上 参数:fn(Function):需要执行的函数 jquery function jq(){ $(“img”).each(function(){ this.src=”2.jpg”; }); } eq(pos):减少匹配对象到一个单独的dom元素 参数:pos(Number):期望限制的索引,从0开始
This id just a test.
So is this
jquery function jq(){ alert( (“p”).eq(1).html())}
get()get(num):获取匹配元素,get(num)返回匹配元素中的某一个元素
参数:get(Number):期望限制的索引,从0开始
function jq(){
alert( (“p”).eq(1).html())}get()get(num):获取匹配元素,get(num)返回匹配元素中的某一个元素参数:get(Number):期望限制的索引,从0开始function jq(){alert( (“p”).get(1).innerHTML); } 注意get和eq的区别:eq返回的是jQuery对象,get返回的是所匹配的dom对象,所以eq用jQuery方法html(),而get用innerHTML index(obj):返回对象索引 参数:obj要查找的对象 jQuery function jq(){ alert( (“div”).index(documentById(‘test1′)));alert( ( “ d i v ” ) . i n d e x ( d o c u m e n t B y I d ( ‘ t e s t 1 ′ ) ) ) ; a l e r t ( (“div”).index(documentById(‘test2’))); } size() length:当前匹配对象的数量,两者等价 jQuery function jq(){ alert( (“img”).length);
}
**2、DOM操作**
after(html) 在匹配元素后插入一段html
function jq(){ (“img”).length);}**2、DOM操作**after(html) 在匹配元素后插入一段htmlfunction jq(){ (“#test”).after(“ Hello“); } after(elem) after(elems) 将指定对象elem或对象组elems插入在匹配元素后 function jq(){ ("a").after( ( " a " ) . a f t e r ( (“#test”)); } append(html)在匹配元素内部,且末尾插入指定html function jq(){ $(“test”).append(“ Hello“); } appendTo(expr)与append(elem)相反 function jq(){ ("a").appendTo( ( " a " ) . a p p e n d T o ( (“#test”)); } 执行后:
afterjQuery
clone()复制一个jQuery对象 function jq(){ ("test").clone().appendTo( ( " t e s t " ) . c l o n e ( ) . a p p e n d T o ( (“a”)); } 复制$(“#test”)然后插入到 后 empty()删除匹配对象的所有子节点 function jq(){ $(“#test”).empty(); } 区分append(elem) appendTo(expr) prepend(elem)p
div
执行
("#a").append(
("#a").append(
(“div”))后相当于
p
div
执行("#a").appendTo( ("#a").appendTo( (“div”))后相当于
div
p
执行("#a").prepend( ("#a").prepend( (“div”))后相当于
div
p
remove() 删除匹配对象
wrap(htm)将匹配对象包含在给定的html代码内
function jq(){
$(“p”).wrap(“
}
执行后相当于
Test Paragraph.
wrap(elem)将匹配对象包含在给出的对象内
function jq(){
$(“p”).wrap(document.getElementById(‘content’));
}
5、动态效果
hide()隐藏匹配对象
Hello Again
jQuery当点击连接时,id为a的对象的display变为none
show()显示匹配对象
hide(speed)以一定速度隐藏匹配对象,其大小和透明度都逐渐变化到0,speed有3级(”slow”,”normal”,”fast”),也可以是自定义的速度
show(speed)以一定的速度显示匹配对象
hide(speed,callback) show(speed,callback)当显示和隐藏变化结束后执行函数callback
toggle() toggle(speed)
如果当前匹配对象是隐藏的,则显示他们,如果当前是显示的就隐藏他们
slideDown(speeds)将匹配对象的高度由0以指定速率平滑的变化到正常!