jQuery 浅谈

240 阅读1分钟

本文主要作为学习jQuery阶段的尖端总结,主要源于阮一峰博客:

1.jQuery 如何获取元素

将一个选择表达式,放进构造函数jQuery()(简写为$),然后得到被选中的元素。


$(document) //选择整个文档对象

$('#myId') //选择ID为myId的网页元素

$('div.myClass') // 选择class为myClass的div元素

$('input[name=first]') // 选择name属性等于first的input元素

2.jQuery 的链式操作,就是选中网页元素之后,可以对它进行一系列草做,并且所有操作可以连接在一起,比如


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

3.jQuery 如何创建元素

创建新元素需要新元素直接传入jQuery的构造函数:


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

$('<li class="new">new list item</li>');

$('ul').append('<li>list item</li>');

4. jQuery 如何移动元素


$('div').next('p'); //选择div元素后面的第一个p元素

$('div').parent(); //选择div元素的父元素

$('div').closest('form'); //选择离div最近的那个form父元素

$('div').children(); //选择div的所有子元素

$('div').siblings(); //选择div的同级元素

5. jQuery 如何修改元素的属性

jQuery attr() 方法也用于设置/改变属性值


$("#w3s").attr("href","http://www.w3school.com.cn/jquery");