js学习笔记

 

 

jquery:

属性选择器:

$('tag')   tag选择 <p .../>

$('#id')  id选择  <p id='abc'>

$('.class')  class选择  <p class='abc' >

$('[attr=value]')  

$('[attr^=value]')

$('[attr$=value]')

$('[attr*=value]')  属性选择规则同css3.

多条件组合选择

$('p#id.class[attr=value]')  各条件间不加分隔符。

层级选择

$('p #id .class [attr=value]') 各条件加空格分隔,遍历所有子孙,可以隔代

直接子选择

$('p>#id') 

过滤器(Filter)

过滤器以:标记

$('ul.lang li'); // 选出JavaScript、Python和Lua 3个节点

$('ul.lang li:first-child'); // 仅选出JavaScript
$('ul.lang li:last-child'); // 仅选出Lua
$('ul.lang li:nth-child(2)'); // 选出第N个元素,N从1开始
$('ul.lang li:nth-child(even)'); // 选出序号为偶数的元素
$('ul.lang li:nth-child(odd)'); // 选出序号为奇数的元素

针对表单元素,jQuery还有一组特殊的选择器:

  • :input:可以选择<input><textarea><select><button>

  • :file:可以选择<input type="file">,和input[type=file]一样;

  • :checkbox:可以选择复选框,和input[type=checkbox]一样;

  • :radio:可以选择单选框,和input[type=radio]一样;

  • :focus:可以选择当前输入焦点的元素,例如把光标放到一个<input>上,用$('input:focus')就可以选出;

  • :checked:选择当前勾上的单选框和复选框,用这个选择器可以立刻获得用户选择的项目,如$('input[type=radio]:checked')

  • :enabled:可以选择可以正常输入的<input><select> 等,也就是没有灰掉的输入;

  • :disabled:和:enabled正好相反,选择那些不能输入的。

此外,jQuery还有很多有用的选择器,例如,选出可见的或隐藏的元素:

$('div:visible'); // 所有可见的div
$('div:hidden'); // 所有隐藏的div

 

查找:

.find() //子孙内查找

.parent() //父节点查找。

.next(). prev() //前后节点查找。

过滤:

.filter()  在结果内继续过滤

 

 

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页