- 如果获取的是jQuery对象,需要前面加上$
- jquery对象转成DOM对象
- 通过[index]:var t=$t[0];
- get(index):var t=$t.get(0);
- DOM对象转成jQuery对象:使用$()包装
ps:用,隔开两个选项
常用方法:
- css(name,value)
- silbings(name):所有同辈元素
- nextAll():后边所有元素
- prev():前边所有元素
- show(int t):显示,以毫秒为单位
- val():获取或设置某一个表单元素的value属性值
- attr():attr(name,val) 设置属性值 attr(name) 获取属性值
- each():遍历,内部的this是正在得到的DOM对象,而不是一个jQuery对象
- text(str) :获取或设置文本子节点的值
- removeAttr() 移除某个属性
- html()
- is() 判断某个给定的jQuery对象是否符合指定的选择器 is(":hidden")
- one() 只为元素添加一次事件
- unbind()
- hide()
- show()
- hover():模拟光标悬停事件。当光标移动到元素上时,会触发指定的第一个函数,当光标移出这元素时,会触发指定的第二个函数。
- toggle():第一次点击元素触发指定的第一个函数,当再一次单击同一个元素时,则触发指定的第二个函数,如果有多个函数,则依此触发,直到最后一个。切换元素的状态
层次选择器
- ancestor descendant:空格表示所有后代元素
- parent > child :>表示所有子元素
- prev + next :+表示下一个元素
- prev ~ silbings :后面的所有同辈元素
过滤选择器:
- :first 第一个元素
- :last 最后一个元素
- :not(selector) 去除所有与给选择器匹配的元素
- :even 索引为偶数(0)
- :odd 索引为奇数(0)
- :eq(index) =index
- :gt(index) >index
- :lt(index) <index
- :header 所有标题元素,h1,h2...
- :animated 当前正在执行动画的所有元素
内容过滤选择器:
- :contains(text) 选取含有文本内容为text的元素
- :empty:选取不包含子元素或者文本的空元素
- :has(selector):选取含有选择器所匹配的元素的父元素
- :parent 选取含有子元素或者文本的元素
可见性过滤选择器:
- :hidden
- :visible
子元素过滤选择器:需要在前面添加一个空格
- :nth-child(index/even/odd/equation) 选取每个父元素下的第index个子元素或者奇偶元素(index从1算起) 3n 3n+1
- :first-child 选取每个父元素的第一个子元素
- :last-child 最后一个子元素
- :only-child 如果某个元素是它父元素中唯一的子元素,那么将被匹配
表单对象属性过滤选择器:
- :enabled 选取所有可用元素
- :disabled 选取所有不可用元素
- :checked 选取所有被选中的元素(单选框,复选框)
- :selected 选取所有被选中的选项元素(下拉列表)
表单选择器:
- :input 选取所有的<input>,<textarea>,<select>,<button>
- :text 单行文本框
- :password 密码框
- :radio 单选框
- :checkbox 多选框
- :submit 提交按钮
- :image 图像按钮
- :reset 重置按钮
- :button 所有按钮
- :file 选取所有的上传域
- :hidden 不可见元素
插入节点:
- append() 结尾处追加内容
- appendTo() 结尾处
- prepend() 开始处插入内容
- prependTo() 插入到开始处
- after() 元素之和
- insertAfter()
- before()
- insertBefore()
复制节点:
- clone()
- clone(true) 同时会复制事件
ps:id不能相同
删除节点:
- remove()
- empty()
替换节点:
- replaceWith()
- replaceAll()
包裹节点:
- wrap() 单独包裹
- wrapAll() 所有匹配的元素用一个元素来包裹
- wrapInner() 将每一个匹配的元素的子内容(包括文本节点)用其他结构化标记包裹起来
样式操作:
- addClass()
- removeClass()
- toggleClass() 切换 存在则去除,没有则添加
- hasClass()
- css()
- height()
- opacity 透明度
- offset()
$() 等价于$(document).ready() 可以同时存在多个
window.onload 只有一个