jQuery(三)

一、设置元素样式

      ①添加、删除css类别

      $("div").addClass("myClass1 myClass2");

      $("div").removeClass("myClass1");

      ② 类别间动态切换

      $(function(){

          $(''p").click(function(){

             $(this).toggleClass("hihglight");//点击时不断切换

            })

         })

      说明：toggleClass只能设置一种Class不能设置多个。

   

    ●直接获取、设置样式

      $("p").mouseover(function(){

        $(this).css("color","red");

      })

      $("P")mouseout(function(){

        $("p").css("color","black");

       })

    某个元素中是否含有某个css类别，返回为布尔型

     $("li:last").hasClass("myClass");

 

    ●直接获取、编辑内容

     html(text)

     text(content)

     $("p").click(function(){

     var sHtmlStr=$(this).html();

     $(this).text(sHtmlStr);

     })

    ●移动和复制元素

     $("P").append("<b>直接添加</b>");// 给所有p标记添加一段html代码作为子元素

     

     $("P:eq(1)").append($("a:eq(1)"));//第二个P后面添加第二个a作为它的子元素

  

     $("img:eq(1)").appendTo("p:eq(0)"); 

     $("P:eq(1)").after($("a:eq(1)"));// 第二个p后面添加第二个a

  

   ●删除元素

    $("p:contains(‘大’)").remove();

    $("p").empty();//清除p里面的内容

 

    处里表单里面的值

     val()

     val(text)

 

   ●绑定事件监听

     bild

   

     one方法  绑定事件触发一次后自动删除

 

     $("P").unbild("click");移除绑定

  

    ●交替

      见demo

    ●鼠标感应

      见demo