前端学习-jQuery学习小笔记(1)——jQ基础以及各种选择器
来源:互联网 发布:掌握淘宝模特动作技巧 编辑:程序博客网 时间:2024/05/02 02:28
本系列笔记为个人在慕课网学习jQuery时的笔记。
jQuery库本质上还是JavaScript代码,它只是对JavaScript语言进行包装处理,为的是提供更好更方便快捷的DOM处理与开发中经常使用的功能。我们使用jQuery的同时也能混合JavaScript原生代码一起使用。在很多场景中,我们需要jQuery与DOM能够相互的转换,它们都是可以操作的DOM元素,jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素。
jQuery对象转化成DOM对象
利用数组下标的方式读取到jQuery中的DOM对象
HTML代码
<div>元素一</div><div>元素二</div><div>元素三</div>
JavaScript代码
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对象自身提供一个.get() 方法允许我们直接访问jQuery对象中相关的DOM节点,get方法中提供一个元素的索引:
var $div = $('div') //jQuery对象var div = $div.get(0) //通过get方法,转化成DOM对象div.style.color = 'red' //操作dom对象的属性
其实我们翻开源码,看看就知道了,get方法就是利用的第一种方式处理的,只是包装成一个get让开发者更直接方便的使用。
DOM对象转化成jQuery对象
jQuery选择器之层级选择器
jQuery选择器之基本筛选选择器
jQuery选择器之内容筛选选择器
jQuery选择器之表单对象属性筛选选择器
0 0
- 前端学习-jQuery学习小笔记(1)——jQ基础以及各种选择器
- 前端学习-jQuery学习小笔记(2)——jQ属性样式篇
- jQuery学习笔记(一)——基础选择器、过滤选择器、表单选择器
- jQuery学习笔记—选择器
- jquery学习笔记1——选择器
- jQuery学习笔记(1)—选择器
- jquery学习笔记—jQuery选择器
- 【前端学习笔记】JQuery事件细节、JQ进阶常用方法
- jQuery:基础学习(1)核心,选择器
- jQuery学习笔录1(jQuery学习笔记—选择器(1 准备知识))
- jQuery学习笔记——各类选择器
- jQuery学习笔记——选择器
- jQuery学习笔记——选择器2
- jQuery学习(二)--各种选择器说明
- JQ选择器(标签)学习
- jQuery学习笔记之选择器(继基础核心篇)
- JQuery学习笔记(二)——选择器
- JQuery学习笔记(三)——选择器2
- Visual Basic快捷教程——流程控制
- JAVA笔试题【8】
- shipyard docker-ui集群
- python:计算在1901年1月1日至2000年12月31日间共有多少个星期天落在每月的第一天上
- 代价函数
- 前端学习-jQuery学习小笔记(1)——jQ基础以及各种选择器
- PHP 的检测 函数--关于变量类型、数据存在性、可用性 的检测函数
- 深度学习实践系列(2)- 搭建notMNIST的深度神经网络
- zend Studio快捷键
- ELF文件结构
- 网卡中断不均衡处理
- Lumen路由不正确问题
- 网页设计部分概念简述
- LeetCode | 5. Longest Palindromic Substring(回文串)