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

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)序号过滤

时间： 2024-08-09 15:11:46

什么是jquery $ jQuery对象和DOM对象 和一些选择器的相关文章

jQuery对象与DOM对象转换

原文链接 http://www.cnblogs.com/ouyangping/p/6439939.html jQuery对象与DOM对象是不一样的 通过一个简单的例子,简单区分下jQuery对象与DOM对象: <p id="imooc"></p> 我们要获取页面上这个id为imooc的div元素,然后给这个文本节点增加一段文字:"hello,world",并且让文字颜色变成红色. 通过标准JavaScript处理: var p = docum

Jquery对象和DOM对象的区别

1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM,因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象;复制代码 代码如下: var domObj = document.getElementById("id"); //DOM对象var $obj = $("#id"); //j

jQuery对象与dom对象的转换

jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法.注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是 jquery对象.普通的dom对象一般可以通过$()转换成jquery对象.如:$(document.getElementByIdx_x("msg"))则为jquery对象,可以使用jquery的方法.由于jquery对象本身是一个集合.所以如果jquery对象要转换为dom对象则必须取出其中的某一项,一般可通过索引取

jQuery对象与DOM对象之间的转换

什么是DOM对象 使用JavaScript中的方法获取页面中的元素返回的对象就是dom对象.比如使用document.getElement*系列的方法返回的就是dom对象. var btn = document.getElementById("btnShowDiv"); var divs = document.getElementsByTagName("div"); dom对象只可以使用dom对象的方法和属性 domObject.innerHTML = "

二，jquery对象 与 dom对象关系

dom对象就是jquery对象的数组组成部分 1,jquery对象----->dom对象: $()[下标],可以调用dome方法 2 dom对象----->jquery对象:$(dom对象),可以调用jquery方法

关于jquery对象和DOM对象的区别

这个问题的出现是因为自己对jquery不够了解,只会获取简单的Demo,做简单的操作,将jquery的很多方法和js中的混淆,以为js中的很多方法,在jquery中也可以使用,这是完全错误的理解! 所以有空jquery也要好好学习!(列为工作时间之外的任务) 下面摘自某些作者的论述,感觉总结的很到位,分享如下,并作为一个记录! jQuery对象和DOM对象使用说明,需要的朋友可以参考下.1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM对象

jquery对象和DOM对象的相互转换

在讨论jquery对象和DOM对象的相互转换之前,先约定好定义变量的风格如果获取的是jquery对象,那么在变量前面加上$,例如 var $varible = jquery对象: 如果获取的是DOM对象,则定义如下: var varible = DOM对象: 1.jquery对象转成DOM对象: jquery对象不能使用DOM中的方法,但如果对jquery对象所提供的方法不熟悉,或者没有jquery想封装的方法,不得不使用DOM对象,即[index]和get[index]. (1)jquery对

jQuery对象与Dom对象的相互转换

1.jQuery对象转换为Dom对象 [index] var $d = $("#id"); var d = $d[0]; get(index) var $d = $("#id"); var d = $d.get(0); 2.Dom对象转换为jQuery对象 var d = document.getElementById("id"); var $d = $(d); 备注: Dom对象才能使用Dom中的方法,jQuery对象不可以使用Dom中的方法,

[JQuery]Jquery对象和dom对象

jquery对象是jquery包装dom对象后产生的对象,它们都只能使用各自的方法. 1.定义变量时,通过$来区分: var $variable = jquery对象: var variable = jquery对象: 2.jquery对象和dom对象是可以相互转换的: 2.1 jquery对象--->dom对象 var $cr = $("#cr"); var cr = $cr[0]; 或者,var cr = $cr.get(0); 2.2 dom对象-->jquery对象