jQuery常见方法应用

  jQuery是一个JavaScript函数库,jQuery的好处在于写的少做的多,jQuery的功能包括HTML的元素选取和操作,css的操作,绑定事件函数,JavaScript特效和动画,html dom的遍历和修改,ajax方法等。

  使用jQuery的流程首先要下载jQuery文件,jQuery的包括压缩版和未压缩版本,未压缩版本可用于开发,是可读代码。jQuery是Javascript文件,需要用script标签引用他。

   jQuery可以链式操作 ,也叫作方法链。比如$("#p1").css("color","red").slideUp(2000).slideDown(2000);

  基础常用的方法应用

    1.选择器

      用法大多和JavaScript的用法相同,写法不同

      标签选择器: $("p")选择所有的p标签元素

      id选择器:$("#id") 选择id名字为 id 的元素

      $(".classname")  类选择器  $("[href]")元素选择器 等等 。

      参考博客jQuery知识点整理有思维导图。

    2.jquery绑定事件  常用方法 $("p").click(funciton(){函数体 })

    3.效果: 

        显示隐藏:可是设置函数和线性运动

        $("p").hide();隐藏   

        $("p").show();显示  

        $("p").toggle(); 隐藏的时候显示,显示的时候隐藏

        淡入淡出

          fadeIn() 淡入已隐藏的元素

          fadeout() 淡出可见元素

          fade Toggle() 方法 淡出就淡入 淡入就淡出

          fadeTo()  渐变为设定的不透明度 $("#div1").fadeTo("slow",0.15);

        滑动

          slideDown();向下滑动   slideUp(); 向上滑动  slideToggle(); 反过来滑动

        动画

           animate()创建动画  可以操作多个属性  height opacity等  也可以使用相对值  “+=”

          停止动画 stop() 

      4.HTML方法

         text()  设置或者返回所选元素的文本内容

         html() 设置或返回所选元素的 元素内容

         val()  获取或设置input的value值

         attr()  获取属性值

       append()  在被选元素的结尾插入内容(在被选元素的里面的后面)

       prepend()   在被选元素的开头插入内容 (在被选元素的里面的前面)

       after()   在被选元素之后插入内容 (在被选元素的外面的后面)

       before()   在被选元素之前插入内容 (在被选元素的外面的前面)

       remove()  删除元素和被选择的内容 

       empty()  删除所选元素的所有子元素

       addClass()  添加class name

       removeClass() 从被选元素删除一个或多个类

       css()  设置css样式  在里面设置css样式 用“”

       width() height() 设置所选元素的大小

    5.遍历

      parent(); 返回该元素的所有父元素

      $("span").parentsUntil("div");返回介于 <span> 与 <div> 元素之间的所有祖先元素

      children()  返回该元素的所有直接子元素

      find(“span”)  返回所有的后代里面的 所有span元素

      siblings(); 返回被选元素的所有同胞元素。

         next();  返回被选元素的下一个同胞元素。

      nextAll(); 返回被选元素下面所有的兄弟元素

      nextUntil() 返回两个元素之间的所有的兄弟元素   $("h2").nextUntil("h6");  返回<h2> 与 <h6> 元素之间的所有同胞元素:

      first()  返回第一个元素

      last()  返回倒数第一个元素

      eq()  返回对应的元素  $("p").eq(1);返回索引号为1的元素 即第二个(因为是从0开始) 

      filter() 制定一个标准 ,不满足这个标准的元素就会被删除,然后返回匹配元素。

      not() 返回不符合标准的元素

      

      

          

     

      

猜你喜欢

转载自www.cnblogs.com/wangzheng98/p/11242853.html
今日推荐