zoukankan      html  css  js  c++  java
  • jquery内容

         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( )   结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态

     

  • 相关阅读:
    maven_Error building POM (may not be this project's POM)错误
    jmeter经验---java 追加写入代码一例
    java I/O Stream 代码学习总结
    java 布尔值一种赋值方法
    Spring cloud config 使用gitHub或者gitee连接
    linux/mac下一键删除下载失败的maven jar包
    MYSQL主从复制制作配置方案
    centos7 下解决mysql-server找不到安装包问题
    基于存储过程的百万级测试数据自动生成
    mysql慢查询,死锁解决方案
  • 原文地址:https://www.cnblogs.com/yangshuwen/p/13280897.html
Copyright © 2011-2022 走看看