jQuery操作指南

80 阅读1分钟

jQuery 如何获取元素

$("div") //选取div元素
$("#myId")//选取id="myId"的元素
$("div#myId")//选取id="myId"的div元素
$("[href]") //选取所有带有 href 属性的元素。
$("[href='#']") //选取所有带有 href 值等于 "#" 的元素。

jQuery 的链式操作

$('div').find('h3').eq(2).html('Hello');

提供了回退到上一层元素的方法end()

$('div')
   .find('h3')
   .eq(2)
   .html('Hello')
   **.end() //退回到选中所有的h3元素的那一步**
   .eq(0) //选中第一个h3元素
   .html('World'); //将它的内容改为World

jQuery 如何创建元素

$('<p>Hello</p>');

jQuery 如何移动元素

$('div').insertAfter($('p'));//把div元素移动p元素后面:
$('p').after($('div'));//把p元素加到div元素前面:

jQuery 如何修改元素的属性

使用同一个函数,来完成取值(getter)和赋值(setter),即"取值器"与"赋值器"合一。取值还是赋值,由函数的参数决定。

.html() //取出或设置html内容
.text() //取出或设置text内容
.attr() 取出或设置某个属性
.width() //取出或设置某个元素
.height()// 取出或设置某个元
.val() //取出某个表单元素的值