jQuery函数与对象(一)
一、jQuery函数
jQuery函数的两种表现形式:
1、jQuery()
2、$()
说明:
在jQuery中使用jQuery()与$()是等价的,一般情况下均使用$()
jQuery函数中可以存放的四种参数形式: 【返回的均是jQuery对象】
1、$(选择器字符串)
jQuery函数通过相应选择器获取对应的DOM对象,然后将这些DOM封装到一个jQuery对象中并返回
eg:
var $div = $('div'); //选取所有div元素节点并返回有这些DOM节点封装到一个jQuery对象中
2、$(DOM对象)(即Node的实例)
jQuery函数将该DOM对象封装成jQuery对象并返回
eg:
var div = document.getElementsByTagName('div');
var $div = $(div); //将DOM对象转化为jQuer对象
3、$(HTML文本字符串)
jQuery函数会根据传入的文本创建好HTML元素并封装成jQuery对象返回
eg:
var $div = $("<div class='one'>one<div>"); //创建一个类名为one的div标签且将其封装成一个jQuery对象并返回
4、$(匿名函数)
当文档结构加载完毕之后jQuery函数调用匿名函数
eg:
$(function(){ }); //文档结构加载完毕后执行function函数中的代码
$(document).ready(function(){ }); //将document节点转化为jQuery对象在调用对象ready()方法实现文档加载完毕后再执行函数内代码
二、jQuery对象 【一般在变量前加$用来表示其为jQuery对象】
1、jQuery对象的一些相关说明
a、jQuery对象是jQuery函数的实例,他可以调用jQuery原型中定义的一些方法
b、jQuery对象是一个类数组对象,内部存放的元素是DOM对象
c、jQuery对象的获取通常是使用选择器来获取 【eg: $(选择器字符串)】
d、jQuery对象的操作实际上就是对jQuery数组中DOM对象的批量操作
2、jQuery对象与DOM对象之间的相互转化
a、jQuery对象转化为DOM对象
eg:
$('div')[0]; //在jQuery对象后面添加数值下标即可选择其获取到的JQuery类数组对象中相应位置存放的DOM对象
b、DOM对象转化为JQuery对象
eg:
var div = document.getElementsByTagName('div'); //多个div返回的是一个DOM类数组对象
var $div = $(div); //将DOM对象作为jQuery函数的参数即可将该DOM对象转化为jQuery对象
jQuery函数与对象(一)的更多相关文章
- jQuery初识、函数、对象
初识jQuery 官方地址:http://jquery.com/ what:一个优秀的JS函数库(封装了BOM.DOM(主要)) why: HTML元素选取(选择器) HTML元素操作 CSS操作 H ...
- jQuery的deferred对象详解 jquery回调函数
http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html jQuery的 ...
- jQuery - 01. jQuery特点、如何使用jQuery、jQuery入口函数、jQuery和DOM对象的区别、jQuery选择器、
this指的是原生js的DOM对象 .css(“”):只写一个值是取值,写俩值是赋值 window.onload === $(document).ready(); $(“”):获取元素 标 ...
- JavaScript学习笔记(二)——闭包、IIFE、apply、函数与对象
一.闭包(Closure) 1.1.闭包相关的问题 请在页面中放10个div,每个div中放入字母a-j,当点击每一个div时显示索引号,如第1个div显示0,第10个显示9:方法:找到所有的div, ...
- JavaScript学习总结(二)——闭包、IIFE、apply、函数与对象
一.闭包(Closure) 1.1.闭包相关的问题 请在页面中放10个div,每个div中放入字母a-j,当点击每一个div时显示索引号,如第1个div显示0,第10个显示9:方法:找到所有的div, ...
- jQuery介绍 DOM对象和jQuery对象的转换与区别
jQuery介绍 DOM对象和jQuery对象的转换与区别 jQuery介绍 jQuery: http://jquery.com/ write less, do more. j ...
- jQuery的deferred对象学习
#copy { background-color: lightgreen; padding: 15px; margin: 10px } 一.deferred对象简介 deferred对象是jquery ...
- jQuery中异步操作对象Deferred
以下介绍一下jQuery中Deferred对象的使用: 1. 通过$.Deferred生成一个deferredObj对象; 2. deferredObj.done()指定操作成功时的回调函数; 3. ...
- jQuery的deferred对象使用详解——实现ajax线性请求数据
最近遇到一个ajax请求数据的问题 ,就是想要请求3个不同的接口,然后请求完毕后对数据进行操作,主要问题就是不知道这3个请求誰先返回来,或者是在进行操作的时候不能保证数据都已经回来,首先想到能完成的就 ...
随机推荐
- Feign 报错:No fallback instance of type class xxx found for feign client xxx
通常需要确认配置内容: 开启 Hystrix:feign.hystrix.enabled=true Fallback类需要注解@Component 出处:https://www.jianshu.com ...
- Gym - 102056C(2018EC final) -Heretical … Möbius ——CRT
题意 给出一个长为200的01序列,判断是否在前1e9个莫比乌斯*值中.(这里的莫比乌斯值加了绝对值) 分析 意到因为4的倍数一定是0,9的倍数一定是0……169的倍数一定是0.那么我们可以对4,9, ...
- MAC上配置idea环境时排查问题
现象:没有使用走公司maven仓库的setting.xml文件时,只有公司内部依赖 没有找到在idea的maven配置中指定 公司setting.xml后,所有的文件都提示找不到 解决办法:把公司se ...
- java 多态(向上转型)
多态的定义与使用格式 多态的定义格式:就是父类的引用变量指向子类对象 父类类型 变量名 = new 子类类型(); 变量名.方法名(); 普通类多态定义的格式 父类 变量名 = new 子类(); ...
- Vue 分页功能伪代码实现
Vue分页功能的实现 其实分页功能是一个比较简单的demo 后端写好pageNum和pageSize的接口直接传参就是了 // 这里我们假设后端已经写好了 pageNum和pagesize <v ...
- 洛谷 P1234 小A的口头禅
这里是传送门啊 I'm here! 题目描述 小A最近有了一个口头禅"呵呵",于是他给出了一个矩形,让你求出里面有几个hehe(方向无所谓). 输入输出格式 输入格式: 第一行两个 ...
- requests.session()会话保持
可能大家对session已经比较熟悉了,也大概了解了session的机制和原理,但是我们在做爬虫时如何会运用到session呢,就是接下来要讲到的会话保持. 首先说一下,为什么要进行会话保持的操作? ...
- ipv6转ipv4 NAT64与DNS64基本原理概述
原文: https://blog.csdn.net/zhangjie1989/article/details/51464251 1.NAT64与 DNS64背景 在 IPv6网络的发展过程中,面临最大 ...
- rabbitmq安装集群
centos 7.3 64 172.18.39.241 k8s-mini-241172.18.39.242 k8s-mini-242172.18.39.243 k8s-master-243 vim / ...
- Centos7之搜索命令locate
locate命令[1] 1.#locate命令 所搜索的后台数据库 2.updatedb 更新数据库 3.操作 [root@localhost ~]# ls 222 anaconda-ks.cfg ...