jQuery 语法实例
$(this).hide()
演示 jQuery hide() 函数,隐藏当前的 HTML 元素。
$("#test").hide()
演示 jQuery hide() 函数,隐藏 id=“test” 的元素。
$(“p”).hide()
演示 jQuery hide() 函数,隐藏所有
元素。
(
"
.
t
e
s
t
"
)
.
h
i
d
e
(
)
演
示
j
Q
u
e
r
y
h
i
d
e
(
)
函
数
,
隐
藏
所
有
c
l
a
s
s
=
"
t
e
s
t
"
的
元
素
。
j
Q
u
e
r
y
语
法
j
Q
u
e
r
y
语
法
是
为
H
T
M
L
元
素
的
选
取
编
制
的
,
可
以
对
元
素
执
行
某
些
操
作
。
基
础
语
法
是
:
(".test").hide() 演示 jQuery hide() 函数,隐藏所有 class="test" 的元素。 jQuery 语法 jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。 基础语法是:
(".test").hide()演示jQueryhide()函数,隐藏所有class="test"的元素。jQuery语法jQuery语法是为HTML元素的选取编制的,可以对元素执行某些操作。基础语法是:(selector).action()
美元符号定义 jQuery
选择符(selector)“查询”和“查找” HTML 元素
jQuery 的 action() 执行对元素的操作
示例
$(this).hide() - 隐藏当前元素
$(“p”).hide() - 隐藏所有段落
$(".test").hide() - 隐藏所有 class=“test” 的所有元素
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲test").hide() -…函数的参数中的。
(一,),基本选择器:
1,id:选着器:#id(名称)
2,class:选着器:.class(名称)
3,标签选择器:标签名称
//实例:
//id选择器给id==aa的原属添加样式
选择器
$("#aa").css(“color”,“red”)
//class选择器
选择器
$(".aa").css(“color”,“red”)
//标签选择器
选择器
$(“p”).css(“color”,“red”)
(二,) 后代选择器
parent childs:查找parent下所有的后代元素 childs
parent和childs:都是选择器
//实例: //获取到p标签下的button元素 $("p button ").css("color","red") (三,)//基本过滤选择器 选择器:eq(index),过滤出索引为index的元素,index的索引从0开始 //实例:
红色
白色
黑色
//给索引为1的p标签添加样式 $("p:eq(1)").css("color","red") (四,)属性过滤选择器 经常用在表单中,获取表单中的表单元素。 选择器[属性名=属性值] $("input:[name=id]").css("color","red") (五,)表单过滤选择器 获取选中的checkbox和radio //获取爱好 $("input:[name=aihao]:checked") //获取性别 $("input:[name=sex]:checked")//总结:jquery选择器的灵活层度很高