jQuery基本知识

1.jQuery 如何获取元素

jQuery 元素选择器和属性选择器允许通过标签名、属性名或内容对 HTML 元素进行选择并可以进行操作。

$(“a”) 选取 a 元素。
$(“a.info”) 选取所有 class=“info” 的 a 元素。
$(“a#demo”) 选取所有 id=“demo” 的 a 元素。
$(“[href]”) 选取所有带有 href 属性的元素。
$(‘input[name=first]’) // 选择name属性等于first的input元素

2.jQuery 的链式操作是怎样的

选中网页元素以后，可以对它进行一系列操作，并且所有操作可以连接在一起，以链条的形式写出来。链式调用是通过return this的形式来实现的。链式调用优点：节省代码量，代码看起来更优雅。

$(‘div’).find(‘h1’).eq(0).html(‘hi’);
分解为：
　　$(‘div’) //找到div元素

.find(‘h1’) //选择其中的h1元素

.eq(0) //选择第1个h1元素

.html(‘hi’); //将它的内容改为hi

3.jQuery 如何创建元素

常见的就是直接把这个节点的结构给通过HTML标记字符串描述出来，通过$()函数处理。

$(‘<p>Hello</p>’);
　　$(‘<li class=“new”>new list item</li>’);
　　$(‘ul’).append(‘<li>list item</li>’);

4.jQuery 如何移动元素

使用.insertAfter()，把div元素移动p元素后面：

$(‘div’).insertAfter($(‘p’));

使用.after()，把p元素加到div元素前面：

$(‘p’).after($(‘div’));

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

addClass()向匹配的元素添加指定的类名。

attr()设置或返回匹配元素的属性和值。

hasClass()检查匹配的元素是否拥有指定的类。

html()设置或返回匹配的元素集合中的 HTML 内容。

removeAttr()从所有匹配的元素中移除指定的属性。

removeClass()从所有匹配的元素中删除全部或者指定的类。

toggleClass()从匹配的元素中添加或删除一个类。

val()设置或返回匹配元素的值。