首页 > Web开发 > 详细

jQuery(三)

时间:2016-01-19 23:24:01      阅读:202      评论:0      收藏:0      [点我收藏+]

一、设置元素样式

      添加、删除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

jQuery(三)

原文:http://www.cnblogs.com/screen2015/p/5143654.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!