《jQuery功能》

59 阅读1分钟

如何获取元素

**

$(document)
$('#myID')//选择ID为myID的元素
$('div.myClass') // 选择class为myClass的div元素
$('input[name=first]') // 选择name属性等于first的input元素

jQuery的链式操作

**

$('.test').find('.children').addClass('red')

拆开便是
$('.test')找到class为test的元素
.find('.children')找到它里面的所有孩子
.addClass('red')然后为每个孩子添加一个class为red的属性

  • jQuery的每一步操作,返回的并不是一个元素,而是一个对象,所以可以将不同的操作连在一起,就是所谓的链式操作

移动元素

  • jQuery提供两组方法,来操作元素在网页中的位置移动。
  • 一组方法是直接移动该元素
    使用.insertAfter(),把div元素移动p元素后面:

**

  $('div').insertAfter($('p'));
  • 另一组方法是移动其他元素,使得目标元素达到我们想要的位置
    使用.after(),把p元素加到div元素前面:

**

  $('p').after($('div'));
  • 注意
    第一种方法返回div元素,第二种方法返回p元素

创建

**

$('标签')
html(''); 

添加

**

append();//末尾添加元素
appendTo();// 将元素塞到子盒子末尾 
prepend(); //在子盒子最前面添加元素
prependTo();// 将元素塞到子盒子最前面
after();// 将元素插入到指定盒子的后面,兄弟节点方式
before();// 将元素插入到指定盒子的前面,兄弟节点方式

删除

**

html('')//清空
empty()
remove()

复制

**

clone()