JQ选择器的部分总结
-
简介/使用/法
jQuery 是一个 JavaScript 函数库。
jQuery是一个轻量级的"写的少,做的多"的 JavaScript 库。
jQuery的语法是通过获取HTML的元素,并对选取的元素执行操作。
在网页中添加 jQuery,可以使用以下 2 种方法:
从 jquery.com 下载 jQuery 库
从 CDN中载入 jQuery, 如从百度加载 jQuery
切记jQuery 插件的引入需放在bootstrap引入文档的上面,否则无效! -
JQ选择器的部分总结
分类 选择器 描述
基本 * 选取所有元素
#id 根据给定的 ID 匹配一个元素
.class 根据给定的类匹配元素
Element 根据给定的元素名匹配所有元素
层级 parent >child 在给予parent下匹配所有的子元素
prev+ next 匹配所有紧接在 prev 元素后相邻元素
selector1,…… ,selectorN 将每一个选择器匹配到的元素合并后 一 起返回
筛选 :first 获取第一个元素
:even 匹配所有索引值为偶数的级元素
:odd 匹配所有索引值为奇数的元素
:eq() 匹配一个给定索引值的元素
:gt() 匹配所有大于给定索引值的元素
:lt() 匹配所有小于给定索引值的元素
:last 获取最后一个元素
:header 匹配如 h1, h2, h3 之类的标题元素
:animated 匹配所有正在执行动画效果的元素
内容 :contains() 匹配包含给定文本的元素
:empty 匹配所有不包含子元素或文本的空元素
:parent 匹配含有子元素或者文本的元素
可见性 :hidden 匹配所有不可见元素,或者 type 为 hidden的元素
:visible 匹配所有的可见元素
子元素
:firstchild 匹配第一个子元素
:lastchild 匹配最后一个子元素
:nthchild() 匹配某个元素,该元素必须是某个父元素
下 的第 n 个子元素。序号从 1 开始
:onlychild 如果某个元素是父元素中唯一的子元素,
那将会被匹配
表单 :input 匹配所有 input, textarea, select 和
button元素
:text 匹配所有的单行文本框
:password 匹配所有密码框
:radio 匹配所有单选按钮
:checkbox 匹配所有复选框
:submit 匹配所有提交按钮
:image 匹配所有图像域
:reset 匹配所有重置按纽
:button 匹配所有按钮
:file 匹配所有文件域
表单属性
:enabled 匹配所有可用元素
:disabled 匹配所有禁用元素
:checked 匹配具有checked属性的radio和
checkbox,和有selected属性的option
标签
:selected 只匹配有 selected 属性的 option 标签
这是我暂时所学的JQ选择器部分的内容,我要分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教。如果有拓展或不懂的地方可以与我沟通欢迎在评论区教导和提问喔!