jQuery常用选择器和方法

  • 如果获取的是jQuery对象,需要前面加上$
  • jquery对象转成DOM对象
  1. 通过[index]:var t=$t[0];
  2. 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 只有一个

猜你喜欢

转载自blog.csdn.net/ljcgit/article/details/81172105