JavaScript强化教程——jQuery选择器
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— jQuery选择器
jQuery 选择器 选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 .class $(".intro") 所有 class="intro" 的元素 element $("p") 所有 <p> 元素 .class.class $(".intro.demo") 所有 class="intro" 且 class="demo" 的元素:first $("p:first") 第一个 <p> 元素 :last $("p:last") 最后一个 <p> 元素 :even $("tr:even") 所有偶数 <tr> 元素 :odd $("tr:odd") 所有奇数 <tr> 元素:eq(index) $("ul li:eq(3)") 列表中的第四个元素(index 从 0 开始) :gt(no) $("ul li:gt(3)") 列出 index 大于 3 的元素 :lt(no) $("ul li:lt(3)") 列出 index 小于 3 的元素 :not(selector) $("input:not(:empty)") 所有不为空的 input 元素:header $(":header") 所有标题元素 <h1> - <h6> :animated 所有动画元素:contains(text) $(":contains('W3School')") 包含指定字符串的所有元素 :empty $(":empty") 无子(元素)节点的所有元素 :hidden $("p:hidden") 所有隐藏的 <p> 元素 :visible $("table:visible") 所有可见的表格s1,s2,s3 $("th,td,.intro") 所有带有匹配选择的元素 [attribute] $("[href]") 所有带有 href 属性的元素[attribute=value] $("[href='#']") 所有 href 属性的值等于 "#" 的元素[attribute!=value] $("[href!='#']") 所有 href 属性的值不等于 "#" 的元素[attribute$=value] $("[href$='.jpg']") 所有 href 属性的值包含以 ".jpg" 结尾的元素:input $(":input") 所有 <input> 元素 :text $(":text") 所有 type="text" 的 <input> 元素 :password $(":password") 所有 type="password" 的 <input> 元素 :radio $(":radio") 所有 type="radio" 的 <input> 元素 :checkbox $(":checkbox") 所有 type="checkbox" 的 <input> 元素 :submit $(":submit") 所有 type="submit" 的 <input> 元素 :reset $(":reset") 所有 type="reset" 的 <input> 元素 :button $(":button") 所有 type="button" 的 <input> 元素 :p_w_picpath $(":p_w_picpath") 所有 type="p_w_picpath" 的 <input> 元素 :file $(":file") 所有 type="file" 的 <input> 元素:enabled $(":enabled") 所有激活的 input 元素 :disabled $(":disabled") 所有禁用的 input 元素 :selected $(":selected") 所有被选取的 input 元素 :checked $(":checked") 所有被选中的 input 元素
点击进入JS强化教程
转载于:https://blog.51cto.com/11732655/1794972
JavaScript强化教程——jQuery选择器相关推荐
- JavaScript强化教程 —— JavaScript 总结
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 -- JavaScript 总结 本教程中我们向您讲授了如何向 html 页面添加 JavaScript,使 ...
- JavaScript强化教程——JavaScript 总结
本教程中我们向您讲授了如何向 html 页面添加 JavaScript,使得网站的动态性和交互性更强. 你已经学习了如何创建对事件的响应,验证表单,以及如何根据不同的情况运行不同的脚本. 你也学到了如 ...
- JavaScript强化教程——对象的值传递和引用传递
2019独角兽企业重金招聘Python工程师标准>>> 本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程--对象的值传递和引用传递 func ...
- JavaScript强化教程——JavaScript 运算符
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 -- JavaScript 运算符 JavaScript 算术运算符 算术运算符用于执行两个变量或值的运算 ...
- JavaScript强化教程——javascript性能优化
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 --数据存取 数据的存取位置也影响着JavaScript的运行速度,我们来总结一下如能分配存取位置最合理,能 ...
- JavaScript强化教程 -- cocosjs场景切换
为什么80%的码农都做不了架构师?>>> 本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 -- cocosjs场景切换 场景切换在m ...
- JavaScript强化教程——AJAX
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程--AJAX <!DOCTYPE html> <html lang="en&quo ...
- JavaScript强化教程——JavaScript Math(算数) 对象
为什么80%的码农都做不了架构师?>>> 本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 -- JavaScript Math(算数 ...
- JavaScript强化教程——正则表达式回溯
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 -- 正则表达式回溯 下面的例子演示了处理正则表达式分之的过程: /h(ello|appy) ...
最新文章
- 985硕士毕业进京东,抱怨身边全是二本和大专生!没什么本事却整天高高在上!打交道太累了!...
- shell实例第20讲:linux shell date的用法
- linux自动重新启动,linux 系统自动重新启动,请帮忙看看
- cmd255command.executereader()打印连接错误_打印经常遇到的几个问题,轻松解决
- matlab gui表格行标1234没有,MATLAB GUI:滑塊作爲滾動條;子面板不夾
- pytorch Tensor转numpy并解决RuntimeError: Can‘t call numpy() on Tensor that requires grad.报错
- linux命令——scp 两台linux机器间文件或目录传输
- 基于神经网络的毕设题目_新资源科技核心题目
- 恋恋风辰 对于redis底层框架的理解(一)
- 五种MATLAB画圆方式程序
- http报文格式详解!
- android手机界面分区,Android手机fastboot 刷机命令(示例代码)
- 如何从技术上实现「朋友圈@微信官方头像添加圣诞帽」?
- 全国大学生英语竞赛总结
- mac 设置java环境变量_mac下java环境变量配置
- 7-3 计算职工工资
- Codeforces-Round#548(Div.2)-C-Edgy Trees-快速幂
- Hibernate 缓存机制续 - 查询缓存
- 理解AdaBoost算法
- PCL入门系列 —— StatisticalOutlierRemoval 点云统计滤波