jquery:
使用jquery时返回的是jquery对象,jquery只能使用jquery提供的方法
使用jQuery要先使用一个单独的script标签引入一个jquery。再创建一个script标签用来写事件
jquery中的选择器基本上和css上的选择器差不多(不过jquery的选择器是写在单引号或者双引号里边的)
选择器:
-
id选择器:#id
使用方法:$("#id")
-
class选择器:.class
使用方法:$(".class")
-
通配选择器:* 匹配到所有的HTML元素
使用方法:$(*)
-
element直接选择到HTML元素
使用方法:$("HTML元素")
筛选选择器:(相较于选择器来说筛选选择器能选择的更具体)
-
:first 想要选择到那个元素的第一个
例如:li:first选择到li元素的第一个
使用方法:$("HTML元素:first")
-
:odd 匹配所有索引值为奇数的元素,从0开始
使用方法:$("HTML元素:odd")
-
:not() 选择到所有选择到到的HTML元素然后把class为not括号里的参数d的剔除掉
使用方法:$("HTML元素:not('参数')")
-
:even 匹配所有索引值为偶数的元素从0开始计数
使用方法:$("HTML元素:even")
-
:eq(元素的索引) 匹配给定索引值的元素
使用方法:$("HTML元素:eq(元素的索引)")
-
:gt(元素的索引)匹配所有大于给定索引值的元素,不包括给定索引值的元素
使用方法:$("HTML元素:gt(元素的索引)")
-
:last 想要选择那个元素的最后一个
使用方法:$("HTML元素:last")
-
:header 匹配所有的标题元素
使用方法:$("HTML元素:header")
内容选择器:
-
:contains(text) 匹配包含某个文本的元素
使用方法:$("HTML元素:contains('包含某个文本的文档')")
-
:empty 匹配不包含子元素和文本的元素
使用方法:$("HTML元素:empty")
-
:parent 匹配包含文本的子元素和父元素
使用方法:$("HTML元素:parent")
可见性选择器:
-
:hidden 匹配所有不可见元素或者type为hidden的元素
使用方法:$("HTML元素:hidden")
-
:visible 匹配所有的可见元素
使用方法:$("HTML元素:visible")
属性选择器:[]
匹配所有给定属性的元素
使用方法:$("[属性]")