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

JQuery(一)

时间:2018-04-18 23:44:26      阅读:239      评论:0      收藏:0      [点我收藏+]

标签:直接   eve   环境   font   query   javascrip   com   var   rip   

一、安装环境
jQuery 每一个系列版本分为:压缩版(compressed) 与 开发版(development),我们在开发过程中使用开发版(开发版本便于代码修改及调试),项目上线发布使用压缩版(因为压缩版本体积更小,效率更快)。
jQuery是一个JavaScript脚本库,不需要特别的安装,只需要我们在页面 <head> 标签内中,通过 script 标签引入 jQuery 库即可。
jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素。

二、JQ与JS相互转换

2.1 JQ对象转换为DOM对象

 

<div>元素一</div>
<div>元素二</div>
<div>元素三</div>

  JS代码:

var $div = $(‘div‘) //jQuery对象
var div = $div[0] //转化成DOM对象
div.style.color = ‘red‘ //操作dom对象的属性

用jQuery找到所有的div元素(3个),因为jQuery对象也是一个数组结构,可以通过数组下标索引找到第一个div元素,通过返回的div对象,调用它的style属性修改第一个div元素的颜色。这里需要注意的一点是,数组的索引是从0开始的,也就是第一个元素下标是0。

jQuery对象自身提供一个.get() 方法允许我们直接访问jQuery对象中相关的DOM节点,get方法中提供一个元素的索引:

var $div = $(‘div‘) //jQuery对象
var div = $div.get(0) //通过get方法,转化成DOM对象
div.style.color = ‘red‘ //操作dom对象的属性

  

 

JQuery(一)

标签:直接   eve   环境   font   query   javascrip   com   var   rip   

原文地址:https://www.cnblogs.com/potato-lee/p/8878084.html

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