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

认识Jquery

时间:2016-01-19 00:20:12      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:

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)正确

认识Jquery

标签:

原文地址:http://www.cnblogs.com/screen2015/p/5140824.html

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