zoukankan      html  css  js  c++  java
  • 认识Jquery

    1、 jQuery是一个优秀的js框架

        jQuery相比其他脚本类库的优势

           ①核心稳定、效率高、兼容性强   ②有丰富烦人学习资源、插件多

        jQuery的主旨:以更少的代码,实现更多的功能 (write less, do more)

        jQuery官网: Jquery.com

    2、引入JQuery文件库: <script language="Javascript" type="text/Javascript" src="存放路径/jquery-1.10.1.min.js"></script>

    3、jQuery的"$" 是一标志,页面元素的选择,功能函数的前缀都必须使用$

    4、$(document).ready(function(){})简写为$(function(){})

         $(function(){})与window.omload别:

         ⑴$(function(){})在页面框架加载完毕后就执行;window.onload在页面完全加载完毕(包括图片下载)后才能执行,相比前者效率更高。

         ⑵$(function(){})可执行多个且每次执行结果不同,window.onload尽管可执行多个但只输出最后一个执行结果,无法完成多个结果的输出。

    5、jQuery的"$ 选择器

         id选择器

          $("#showDiv")相当于document.getElementById("ssshowDiv")

         类选择器

          $(".someclass")

         特殊

           $("p:odd")选择所有位于偶数行的<p>标记,$("p:even")选择所有位于奇数行的<p>标记

           $("td:nth-child(1)")所有表格行的第一个单元格,就是第一列。

           $("li>a")返回<li>标记的所有子元素<a>,不包括孙标记。

           $("a[href$=pdf]")选择所有超链接,并且这些链接的href属性是以"pdf"结尾。

    6、功能函数前缀

        $.trim(sString)    

    7、使用选择器

           属性选择器

          $("a[title]").addClass("myClass") 给a标签的title属性增加myClass样式

          $("a[href='10-9.html']").addClass("myClass")

          $("a[href^=http://]").addClass("myClass") 所有以http开头的a标签

          $("a[href$=html]").addClass("myClass") 所有以html结尾的标签

          $("a[href*=html]").addClass("myClass") 所有href中含有isaac的a标签

           包含选择器

          $("li:has(a)")包含超链接的所有li标记

           位置选择器

          $("p:first")整个页面里面的第一个p标签

          $("p:last")整个页面里面的最后一个p标签

          $("p:first-child")选择所有的P标记,且这些p标记是其父标记的第一标记。

          $("p:last-child")选择所有的p标记,且这些P标记是其父标记的最后一个标记。

          $("p:nth-child(odd)").addClass("myClass") 选择所有的p标记,且这些P标记是其父标记的奇数行。

          $("p:odd").addClass("myClass")整个页面的偶数行p标记。

          $("p:eq(4").addClass("myClass") 第五个p标记(从0开始)。

          $("p:gt(n)").addClass("myClass")  第 n个(从0开始,不包括n本身)P标记之后的所有p标记。

    8、过滤选择器

          $("input[name='a']").addClass("myClass")

    $(":button") 所有按钮
    $(":checkbox") 所有复选框,等同于$("input[type='checkbox']")
    $("div:contains(foo)") 所有包含了文本”foo“的元素
    $(":disable") 所有被禁用的元素(等价与$("input[disable]").attr("value","aaa");
    $(":enable") 所有没有被禁用的元素
    $(":file") 所有上传文件
    $(":input") 所有表单元素
    $(":selected") 所有下拉菜单中被选中的项
    $(":visible") 所有可见的元素
    $(":submit") 所有提交按钮

        反向过滤

     $(":input:not(:radio)")表示input中所有非radio元素

       :not(filter)filter必须是过滤选择器,而不能是其他选择起

       eg:

        div p :not(p:hidden)错误

        div p :not(:hidden)正确

  • 相关阅读:
    css hack 【转】http://blog.csdn.net/arcow/article/details/1681027
    插入错误: 列名或所提供值的数目与表定义不匹配。
    XCopy 过程加日志
    textindent br
    asp.net 防止重复提交
    穷在闹市无人问,富在深山有远亲
    关于SqlDataReader遍历和缓存结果集
    在AJAX中使用 JS
    Application、Session和Cookie 的区别 总结
    C#中抽象类和接口的区别与使用
  • 原文地址:https://www.cnblogs.com/screen2015/p/5140824.html
Copyright © 2011-2022 走看看