jQuery基础

50 阅读 0 评论 33 点赞

我是靠谱客的博主平常皮卡丘，最近开发中收集的这篇文章主要介绍jQuery基础，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

###
日期：1.30
   jQuery入口函数和js入口函数的区别
   js要等页所有资源(图片、文件)加载完毕后执行
   jQuery文档加载之后执行,不会去等待图片、文件加载
   $(js DOM对象名) 转换成jQ DOM对象
   $(jq DOM对象名)[0] 转换成js DOM对象
   $(jq DOM对象名).get(0) 转换成js DOM对象
   基本选择器
       $("#id")
       $(".class")
       $("div")
       $("div,p,li")
       $("div.redclass") 获取class为redclass的元素
       $("ul>li")           子代选择器
       $("ul li")           后代选择器
   属性选择器
       $(input[checked])
       $(input[name=username])
       $(input[name="box"])
       $(input[class^="b"])
       $(input[class*="b"])
   基本过滤选择器
       过滤选择器
           $("li:eq(3)") li第四个
           $("li:add") li的奇数
           $("li:even") li的偶数
           $("li:gt(3)") li大于3
           $("li:lt(3)") li小于3
       筛选选择器
           $("td:contains('0')") 包含给定文本的元素
           $("td:has('span')") 包含选择器所匹配的元素的元素
           $("td:empty")           不包含子元素或文本的空元素
           $("td:parent")           含有子元素或者文本的元素
       筛选选择器
           $("ul").children("li")     相当于$("ul>li"),子代选择器
           $("ul").find("li")         相当于$("ul li"),后代选择器
           $("#first").siblings("li") 查找兄弟节点,不包含自己本身
           $("#first").parent()         查找父亲
           $("li").eq(2)                 相当于$("li:eq(2)")
           $("li").next(2)             找下一个兄弟
           $("li").prev(2)             找上一个兄弟
   可见性选择器
       $("div:hidden"); 匹配所有不可见元素
       $("div:visible");   匹配所有可见元素