jQuery设计思想

jQuery 如何获取元素

通过css选择器获取：

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

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

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

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

通过jQuery特有的表达式获取：

• $('a:first')//选择网页中第一个a元素
• $('tr:odd')//选择表格的奇数行
• $('#myForm:input')//选择表单中的input元素
• $('div:visible')//选择可见的div元素
• $('div:gt(2)')//选择所有的div元素，除了前三个
• $('div:animated')//选择当前处于动画状态的div元素

jQuery 的链式操作是怎样的

jQuery设计思想之三，就是最终选中网页元素以后，可以对它进行一系列操作，并且所有操作可以连接在一起，以链条的形式写出来，比如：  $('div').find('h3').eq(2).html('Hello'); 它的原理在于每一步的jQuery操作，返回的都是一个jQuery对象，所以不同操作可以连在一起。

jQuery 如何创建元素

创建新元素只要把新元素直接传入jQuery即可： $('<p>Hello</p>');

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

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

jQuery 如何移动元素

假定我们选中了一个div元素，需要把它移动到p元素后面

• 方法一：使用.insertAfter()，把div元素移动p元素后面  $('div').insertAfter($('p'));
• 方法二：使用.after()，把p元素加到div元素前面 $('p').after($('div'));

使用这种模式的操作方法，一共有四对：

1. .insertAfter()和.after()：在现存元素的外部，从后面插入元素

2. .insertBefore()和.before()：在现存元素的外部，从前面插入元素

3. .appendTo()和.append()：在现存元素的内部，从后面插入元素

4. .prependTo()和.prepend()：在现存元素的内部，从前面插入元素

jQuery 如何修改元素的属性

操作网页元素，最常见的需求是取得它们的值，或者对它们进行赋值。

常见的取值和赋值函数如下,如果有参数即为赋值（修改）

1.  .html() 取出或设置html内容
2.  .text() 取出或设置text内容
3.  .attr() 取出或设置某个属性的值
4.  .width() 取出或设置某个元素的宽度
5.  .height() 取出或设置某个元素的高度
6.  .val() 取出某个表单元素的值