jQuery选择器
来源:互联网 发布:激光冷却原理知乎 编辑:程序博客网 时间:2024/06/10 01:54
1.selector1,selector2,selectorN 将每一个选择器匹配到的元素合并后一起返回。
<div>div</div><p class="myClass">p class="myClass"</p><span>span</span>
找出代码中所有的标签
$("div,p.myClass,span")
2. :focus 触发每一个匹配元素的focus事件
当页面加载后将 id 为 'login' 的元素设置焦点:
$("#login:focus");
3. :contains 匹配包含给定文本的元素
查找所有包含 "John" 的 div 元素
HTML代码:
<div>John Resig</div><div>George Martin</div><div>Malcom John Sinclair</div><div>J. Ohn
js代码:
$("div:contains('John')");
4.[attribute^=value] 匹配给定的属性是以某些值开始的元素
查找所有 name 以 'news' 开始的 input 元素
HTML代码:
<input name="newsletter" /><input name="milkman" /><input name="newsboy" />
JS代码:
$("input[name^='news']");
5.[attribute$=value] 匹配给定的属性是以某些值结尾的元素
查找所有 name 以以 'letter' 结尾的 input 元素
HTML代码:
<input name="newsletter" /><input name="milkman" /><input name="jobletter" />
JS代码:
$("input[name$='letter']");
6.:enabled匹配所有可用元素
查找所有可用的input元素
HTML代码:
<form> <input name="email" disabled="disabled" /> <input name="id" /></form>
JS代码:
$("input:enabled");
7.:disabled匹配所有不可用元素
查找所有不可用的input元素
HTML代码:
<form> <input name="email" disabled="disabled" /> <input name="id" /></form>
JS代码:
$("input:disabled");
阅读全文
0 0
- CSS选择器,jQuery选择器
- jQuery选择器 CSS选择器
- JQuery选择器(选择器简介)
- jQuery选择器 基本选择器
- jQuery选择器 层次选择器
- jQuery选择器 表单选择器
- Jquery选择器-基本选择器
- jQuery选择器之类选择器
- jQuery选择器之类选择器
- jQuery选择器之类选择器
- Jquery选择器--过滤选择器
- JQuery选择器
- jquery 选择器
- Jquery选择器
- jQuery选择器
- jQuery 选择器
- JQuery选择器
- JQuery选择器
- phpstorm中Xdebug的使用
- 文章标题
- bootstrap的栅格系统
- 复选框的全选+全不选+ajax传递复选框的value值+后台接受复选框默认值
- jQuery属性
- jQuery选择器
- CSS入门
- jQuery文档处理
- ThinkPhp数据缓存技术
- thinkphp下实现ajax无刷新分页
- 特殊音拼读
- php在web服务器中的工作原理
- thinkphp图片上传+validate表单验证+图片木马检测+缩略图生成
- thinkphp的where方法的使用