JQuery(一)
Posted potato~~
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQuery(一)相关的知识,希望对你有一定的参考价值。
一、安装环境
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(一)的主要内容,如果未能解决你的问题,请参考以下文章
Visual Studio 2012-2019的130多个jQuery代码片段。
markdown 在WordPress中使用jQuery代码片段