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

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