分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

JQuery(一)

发布时间:2023-09-06 01:50责任编辑:彭小芳关键词:暂无标签

一、安装环境
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(一)

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved