jQuery语法是为HTML元素的选取编制的,可以对元素执行某些操作。
基础语法:
使用$定义iquery函数
选择符(selector)来查询和查找HTML元素
jQuery的action()执行对元素的操作
iquery元素选择器
jQuery 使用 CSS 选择器来选取 HTML 元素。
$("p") 选取<p>元素。
$("p.intro") 选取所有 class="intro" 的<p>元素。
$("p#demo") 选取 id="demo" 的第一个<p>元素。
jQuery属性选择器
jQuery 使用 XPath 表达式来选择带有给定属性的元素。
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
$(‘div[自定义标签 ]’) 可以选择到
jQuery层次选择器
针对一系列很多相同的标签的元素选择
标签A+冒号+first/last 表示选择很多相同标签中的第一个标签
标签A+空格+冒号+first/last 表示选择很多相同标签中的第一个标签中的行内标签
上一级标签A~下一级标签B 表示A标签下面的选择的所有的B标签
标签+冒号+not(‘标签名’) 表示选中的 标签内的内容不变化
标签+冒号+even 偶数选择器(且从0开始计数)
标签+冒号+odd 奇数选择器 (且从0开始计数)
标签+冒号+eq(数字) 则选中的标签为数字加一(且从0开始计数)
标签+冒号+gt(数字) 大于数字的所有元素
标签+冒号+lt(数字) 小于数字的所有元素
(‘冒号+header’) 选取好h~6的标签
(‘冒号+animated’) 选取正在执行动画的元素
内容过滤选择器 格式为:$(‘选择器’)
标签+冒号+contains(“字符”)对含有该字符的段落的样式进行改变
标签+冒号+contains(“标签B”)对含有该字符的标签的段落的样式进行改变
标签+冒号+has(“标签”)
标签+冒号+empty 标签中为空
标签+冒号+parent 选取含有子元素或者文本的标签
可见性选择器
标签+冒号+hidden 选择页面上不可见的标签(当标签是占据位置时是不能用的)
标签+冒号+visible 选择可见的标签
子元素过滤选择器
冒号+first-child 选择父元素第一个子元素
冒号+last-child 选择父元素最后一个子元素
冒号+onlychild 选择父元素最后一个子元素的元素
冒号+nth-child(表达式) 选取父元素中的第X个元素,X由表达式决定
冒号+first-of-type 选取所有相同元素的第一个兄弟元素
冒号+last-of-type 选取所有相同元素的最后一个兄弟元素
冒号+nth-last-child(表达式) 选择所有他们父元素的第n个子元素,计数从最后一个元素开始到第一个。
冒号+only-of-type 冒号+nth-of-type 冒号+nth-last-of-type
表单元素选择器
冒号+input input标签的value
冒号+text input标签的value
冒号+password input标签的value
冒号+radio
冒号+checkbox
冒号+submit
冒号+image
冒号+reset
冒号+button input标签的value
冒号+file input标签的value
冒号+hidden (条件①肉眼看不见②在网页上不占据位置)
表单属性选择器
冒号+enabled 选择所有可用元素
冒号+disabled 选择所有不可用元素
冒号+checked 选择可有选中元素
冒号+selected 选取所有被选中的选项元素
冒号+focus 选择当前获取焦点的元素