相信我,天才无法与我媲美

jQuery笔记_选择器

2017-06-08
2.2.判断dom是否为空   js 直接判断  jQuery if( $('#id').length ) 
										if( $('#id').length > 0 )
										if( $('#id')[0] )
										if( $('#id').get(0) )


2.3.选择器

2.3.1 基础选择器
	#id
	.class
	h1
	*
	选择器1 ,选择器2 ,选择器3   


2.3.2 层次选择器(关系)
	空格 
	>
	+   next()
	~   nextAll() 

2.3.3 过滤选择器
	1.基本的过滤选择器
		:first
		:last
		:not('选择器')
		:even   偶数
		:odd    奇数
		:eq(数)  第几个 index 从0 
		:gt(数)  大于index的 对象
		:lt(数)  大于index的 对象   
		:header  标题  h1 . h2 , h3 ...
		:animated  ****正在执行动画的*****
		:focus     获取焦点的(表单元素)
	2.内容过滤选择器
		:contains(text)   选取含有内容 = “text” 的元素
		:empty            空元素
		:has( selector )  有 (。。。。)的元素
		:parent           与empty相反  选取有内容 或 子元素
	3.可见性 过滤选择器
		:hidden           不可见 隐藏域<input type="hidden"/>   display:none   visibility:hidden 
		:visible          可见
	4.属性的过滤选择器
		[属性]
		[属性=值]
		!= 			  属性的值 不等于 XXX
		^=            属性的值 以 xxx 开始
		$=            属性的值 以 xxx 结束
		*=            属性的值 包含 xxx
		|=            属性的值 等于 xxx  或者 以xxx为前缀的
		~=            选择属性的值 
		[属性][属性][属性N]   满足多个属性条件的

	5.子元素 过滤选择器
		:nth-child( index / even / odd/ 表达式 )
		:nth-child(1)     选取每个父元素下的 索引=1的  与:eq(1) 不同
		:nth-child(even)  :even 偶数
		:nth-child(odd)   :odd  奇数
		:nth-child(2n)    2的倍数 :even 偶数
		:nth-child(3n)      3的倍数   :nth-child(3n + 0)    
		:nth-child(3n+1)    3的倍数 +1 
		:nth-child(3n-1)    3的倍数 -1 

		:first-child     选取的是每一个父元素下的 第一个子元素   与 :first 区别
		:last-child      选取的是每一个父元素下的 最后一个子元素   与 :last 区别
		:only-child      选取的是每一个父元素下的 唯一 一个子元素 
	6.表单对象属性 过滤选择器
		:disabled         选择禁用 <input disabled />
		:enabled          可以使用 表单元素 没有 disabled 属性
		:checked          被选中的(单选和多选 )
		:selected         被选中项 (下拉菜单)  $("select option:selected") 

2.3.4 表单选择器
	:input  		选取 input textarea select button( 表单元素 )
	:text   		选取 单行文本输入框  <input type="text" />
	:password       选取 密码输入框  <input type="password" />
	:radio			选取 单选按钮  <input type="radio" />
	:checkbox		选取 多选按钮  <input type="checkbox" />
	:submit		    选取 提交按钮  <input type="submit" />   <button type="submit"></button>
	:reset		    选取 重置按钮  <input type="reset" />    <button type="reset"></button>
	:button		    选取 重置按钮  <input type="button" />   <button type="button"></button>
	:file			选取 上传域   <input type="file" />
	input:hidden    选取 隐藏域   <input type="hidden" />	

2.5 选择中的注意事项
	1.选择器中含有 特殊字符 . # () []

		在写 jQuery选择器的时候  加 \\

		例如:
		<div class="name.aaa#bbb(ccc)ddd[eeee]"></div>
		$('.name\\.aaa\\#bbb\\(ccc\\)ddd\\[eeee\\]')
	2.属性选择器@符号问题 (历史问题)

	3.选择是否有空格问题。
		$('.aaa  .bbb')
		$('.aaa.bbb')






	 return false ;  可以阻止 a链接 和 提交按钮的 默认动作
作者:lrxin | Categories:JQuery | Tags:

发表评论