码迷,mamicode.com
首页 > Web开发 > 详细

jquery内容

时间:2020-07-10 21:27:24      阅读:108      评论:0      收藏:0      [点我收藏+]

标签:用户   red   样式   llb   隐藏   toggle   lib   clone()   并集   

     1.初识jQuery以及jQuery的主要内容

         参考网址: https://www.cnblogs.com/yangshuwen/p/13183803.html

      2.jQuery选择器

             1.基本选择器

                     $("h1").css("color", "blue"); //标签选择器

                     $(".price").css({"background":"#efefef","padding":"5px"}); //类选择器

                     $("#author").css("clor", " #083499"); //id选择器

                     $(".intro,dt,dd").css("color", " #ff0000");//并集选择器

                     $("*").css("font-weight", "bold"); //全局选择器

 

              层次选择器

                     $(".textRight p").css("color","red"); //后代选择器

                     $(".textRight>p").css("color", "red"); //子选择器

                     $("h1+p").css("text-decoration", "underline"); //相邻元素选择器

                     $("h1~p").css("text-decoration", "underline"); //同辈元素选择器

              属性选择器

                     $("#news a[class]").css("background","#c9cbcb");//a标签带有class属性

                    $("#news a[class=‘hot‘]").css("background", "#c9cbcb"); // class为hot

                    $("#news a[class!=‘hot‘]").css("background", "#c9cbcb");// class不为hot

                    $("#news a[href^=‘www‘]").css("background","#c9cbcb");//以www开头

                    $("#news a[href$=‘html‘]").css("background", "#c9cbcb");//以html结尾

                    $("#news a[href*=‘k2‘]").css("background","#c9cbcb"); //包含"k2"的元素

             2.基本过滤选择器

                     :eq(index)     选取索引等于index的元素(index从0开始)

                     :gt(index)        选取索引大于index的元素(index从0开始)

                     :lt(index)     选取索引小于index的元素(index从0开始)

                     :header   选取所有标题元素

                     :focus      选取当前获取焦点的元素

                     :animated    选取当前获取焦点的元素

             3.可见性过滤选择器

                     :visible      选取所有可见的元素

                     :hidden    选取所有隐藏的元素

      3.jQuery中的事件

            1.复合事件:鼠标光标悬停、鼠标连续点击

            2.鼠标事件:当 用户在文档上移动或单击鼠标时而产生的事件

            3.键盘事件:用户每次按下或者释放键盘上的键时都会产生事件

            4.绑定事件: 使用bind()方法   语法:bind(type,[data],fn);

            5.移除事件:使用unbind()方法

            6.复合事件:1.hover( )    2.toggle( )   3. hover( )   4.toggle( )    5. toggleClass()

       4.jQuery中的动画

            1.控制元素的显示及隐藏:show( )控制元素的显示,hide( )控制元素的隐藏

            2.改变元素的透明度:fadeIn( )和fadeOut( )可以通过改变元素的透明度实现淡入淡出效果

            3.改变元素的高度:slideDown( )可以使元素逐步延伸显示   slideUp( )则使元素逐步缩短直至隐藏

            4.自定义动画:$(selector). animate({params},speed,callback);

       5.使用节点操作DOM

            1.使用css()为指定的元素设置样式值或获取样式值

            2.addClass() 追加样式

            3.remove()移除加样式

            4.toggleClass()切换样式

            5.hasClass()判断是否包含指定样式

            6.html()可以对HTML代码进行操作,类似于JS中的innerHTML

            7.text()可以获取或设置元素的文本内容;html()用于获取第一个匹配元素的HTML内容或文本内容

            8.val()可以获取或设置元素的value属性值

            9.工厂函数$()用于获取或创建节点

           10.remove():删除整个节点; empty():清空节点内容

           11.replaceWith()和replaceAll()用于替换某个节点

           12.clone()用于复制某个节点

           13.attr()用来获取与设置元素属性 ;removeAttr()用来删除元素的属性

           14.children()方法可以用来获取元素的所有子元素

           15.next()       用于获取紧邻匹配元素之后的元素   ;prev()        用于获取紧邻匹配元素之前的元素;  slibings()      用于获取位于匹配元素前面和后面的所有同辈元素

           16.parent()    获取元素的父级元素;parents()    获取元素的祖先元素

           17.each()规定为每个匹配元素规定运行的函数

           18.end( )   结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态

 

 

jquery内容

标签:用户   red   样式   llb   隐藏   toggle   lib   clone()   并集   

原文地址:https://www.cnblogs.com/yangshuwen/p/13280897.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!