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(一)的主要内容,如果未能解决你的问题,请参考以下文章

jQuery应用 代码片段

Visual Studio 2012-2019的130多个jQuery代码片段。

markdown 在WordPress中使用jQuery代码片段

使用 NodeJS 和 JSDOM/jQuery 从代码片段构建 PHP 页面

很实用的JQuery代码片段(转)

几个有用的JavaScript/jQuery代码片段(转)