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

什么是jquery $ jQuery对象和DOM对象 和一些选择器

时间:2016-08-20 23:18:04      阅读:250      评论:0      收藏:0      [点我收藏+]

标签:

1什么是jQuery:

jQuery就是将一些方法封装在一个js文件中。就是个js库

我们学习这些方法。

2为什么要学习jQuery:

原生js有以下问题:

1.兼容性问题
2.代码重复
3.DOM提供的方法名太长,难记
4.代码容错性较差
5.入口函数只能有一个,如果出现多个,后面的会把前面的覆盖掉

3

jQuery版本介绍:
大版本 ; 1 2 3 1 兼容ie6、7、8 2 3 不兼容
小版本: 压缩版(生产环境中用) 没有注释 没有换行 没有空格 变量名 都是 a b c d 这种模式 体积特别小
未压缩版(开发环境中用) 注释特别清晰 格式也特别清晰

4$本质

$(selector) 选择器
$(domObj) 将dom对象转换成jQuery对象
$(function) 入口函数的第二种写法

$===jQuery

5jQuery对象和DOM对象:

jQuery对象:jQuery方法获取的元素就是jQuery对象

jQuery对象就是DOM对象的包装集 (伪数组)

DOM对象:js方法获取的元素就是dom对象


jQuery对象转dom对象
jQueryObj[index]
jQueryObj.get(index)

dom对象转jQuery对象 (给钱就能成事儿)
$(domObj)

5一些选择器::

 5.1基本选择器:id选择器     $("#id名")

class选择器  $(".className")

表签选择期  $("TagName")

并集选择器 $("selector1,slector2.........")

交集选择器  $("selector1selector2.......")

 5.2层级选择器

后代选择器 $("selector1 selector2 ....")
子代选择期 $("selctor1>selector2>.......")

5.3过滤选择器
$("selector:filter")
$("selector:odd") 奇数过滤选择器
$("selector:even") 偶数过滤选择器
$("selector:eq(index)") 序号过滤选择器

5.4过滤选择器
是方法
jequryObj.children("selector")子元素过滤
jequryObj.parent()父元素
jequryObj.siblings("selector")兄弟元素过滤
jequryObj.next();下一个元素
jequryObj.find("selector")后代过滤
jequryObj.eq(index)序号过滤

 

什么是jquery $ jQuery对象和DOM对象 和一些选择器

标签:

原文地址:http://www.cnblogs.com/wjl3898/p/5791385.html

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