jquery一些基本的语法

基本选择器
$("#id")        id选择器
$("tagName")    标签选择器,返回数组   
$(".class")     类选择器,返回数组   
$("*")          选择文档中的所有的元素
$("E.C")   选择样式名称为C的E标记
$("E#I")   选择id为I的E标记


层叠选择器
$("E,F")   选择所有E元素和所有F元素(并集)
$("E F")   选择E元素内部的所有F元素(子孙节点)
$("E>F")  选择父元素是E的所有F元素(子节点)
$("E+F")  选择E元素后面的直接兄弟F元素(兄弟)
$("E~F ") 选择E元素后面的兄弟F元素,包括非直接兄弟节点


属性选择器
E[属性]         设置了该属性的标记
E[属性=V]       属性值等于V的E标记
E[属性!=V]      属性值不等于V的E标记
E[属性^=V]      属性值以V开头的E标记
E[属性$=V]      属性值以V结尾的E标记
E[属性*=V]      属性值包含V的E标记
常用属性:class,title,href....


位置选择器
$("E:first")    选择所有E元素的第一个 
$("E:last")     选择所有E元素的最后一个
$("E:even")     选择所有E元素偶数序列(全局计数,从0开始) 
$("E:odd")      选择所有E元素奇数序列(全局计数,从0开始)
 
$("E:first-chilid")    选择作为第一个子节点存在的E
$("E:last-child")      选择作为最后一个子节点存在的E
$("E:nth-child(n)")    选择作为第n个子节点存在的E(从1开始计数)
$("E:nth-child(odd|even)")      选择作为奇数序或偶数序存在的子节点E(局部计数,从1开始)
$("E:parent")  选择作为父节点的E元素


$("E:eq(n)")     选择所有的E中序号为n+1的元素 
$("E:gt(n)")     选择E元素中序号大于n的所有元素 (不包括n本身)
$("E:lt(n)")     选择E元素中序号小于n的所有的元素 (不包括n本身)


过滤选择器
$("E:has(F) ")       选择所有含有F标签的E元素(根据子元素确定父元素)
$("E:contains('XX')")   选择所有E中含有XX文本的元素(按内容做选择) 


:disable 页面中被禁用了的元素
:enable 页面中未被禁用的元素
:hidden 页面中被隐藏的元素 display="none"


:input 表单元素,包括<input><select><textarea><button>
:text 所有文本输入框, input[type=text]
:password 密码文本框,input[type=password]
:checkbox 所有复选框,input[type=checkbox]
:radio 所有单选按钮, input[type=radio]
:image 图片提交按钮,input[type=image]


:submit 所有提交按钮, input[type=submit],button[type=submit]
:reset 所有重置按钮, input[type=reset], button[type=reset]
:file 上传文件的元素, input[type=file]
:button 按钮,input[type=button]和 <button>标记


:selected 下拉菜单中被选中的项
:checked 复选框和单选框中被选中的项




函数
--祖先
  parent():获得被选元素集合的所有父元素
  parents():获得被选元素集合的所有祖先元素


--孩子
children(): 返回被选元素集合的所有直接子元素


--同胞
prev(): 返回被选元素集合的上一个同胞元素
next():返回被选元素集合的下一个同胞元素
siblings():获得被选元素集合的同辈元素



猜你喜欢

转载自blog.csdn.net/majunzhu/article/details/80205047