操纵DOM方法

大家好，以下是我在学习中获取的一些小知识，在这里和大家进行分享，希望可以帮助到大家，如果有不懂的，详情请看：网络课程

1）把CSS类添加到指定的元素上

      $('#myelement').addClass('myclass');

2）从指定的元素中移去CSS类
 

      $('#myelement').removeClass('myclass');

3）检查指定的元素是否有CSS类
 

      $(id).hasClass(class)

4）使用jQuery转换CSS
正如我们所看到的，前面的例子在使用jQuery添加或删除元素上的CSS样式是非常简单的。但是，如果你要完全删除文档的CSS文件，并附上一个新样式？好消息，实现它也是非常简单的，如下面的例子所示：
 

      $('link[media='screen']').attr('href', 'Alternative.css');

5）把HTML文档片段添加到某个元素
 

      $('#lal').append('sometext');

6）检查某个元素是否存在
在使用JavaScript工作时，我们经常需要检查一个元素是否存在。使用jQuery和length属性来实现它是非常简单的事：如果length==0，在页面上没有使用此元素。
 

      if ($('img').length) {
 

           log('We found img elements on the page using "img"');
 

       } else {
 

           log('No img elements found');
 

       }

7）获取某元素的父元素
当操纵DOM时，你可能需要知道哪个元素是其他元素的直接父节点。可使用closest()方法：
 

     var id = $("button").closest("div").attr("id");

8）获取元素的兄弟节点
 

      $("div").siblings()

9）从选择的列表中移去一个选项
当使用select列表时，您可能需要根据用户的动作更新内容。若要删除select列表中的选项，看下面的代码：
 

      $("#selectList option[value='2']").remove();

10）获取所选择的选项
当你需要快速检查出用户从你的select列表中选择的选项时，它非常有用。
 

      $('#selectList :selected').text();

 

11）在表格中应用“斑马”效果
在使用表格时，为增强易读性，在表格的奇数行和偶数行应用不同的样式，即斑马效果。使用jQuery可轻松做到这一点，甚至不需要任何HTML标签。
 

       $("tr:odd").addClass("odd");

12）统计某元素的所有子元素的总数
如果你想看看#foo有多少个div子元素，使用下列代码，它简便而又高效！
 

      $("#foo > div").length