我认为,学习一门语言,主要是掌握它的思想与用途,就好比谈恋爱一样,你只要猜测到了对方的想法,就能够知情达意。废话不多说,我们开始今天学习的进度,加油ヾ(◍°∇°◍)ノ゙

1. jQuery([selector[, context]])

  该函数还可以表示为 $([selector[, context]])。这个函数接收一个包含css选择器的字符串,然后用这个字符串去匹配一组元素。比如,常用的 id 选择器(后面会对各种选择器进行详细说明),$("#div1")。

  jQuery的核心功能都是通过这个函数实现的。就好比一座大楼的地基,jQuery中的一切都是基于这个函数,或者说都是以某种方式使用这个函数。

  默认情况下,如果没有指定context参数, $() 将在当前页面上下文查找DOM元素;如果指定了context参数,就会在这个context中进行查找。在jQuery1.3.2 以后,其返回的元素顺序等同于 context中出现的先后顺序。

  参数:

  (1) selector[, context]:selector 表示用来查找的字符串,通常由css选择器组成;context 作为待查找的DOM元素集、文档或jQuery对象。如:

// 查找div1中的所有checkbox
$("#div1 input:checkbox");
// 查找文档第一个表单中所有单选按钮
$("input:radio", document.forms[0]);

  (2) element:一个用于封装成 jQuery对象的DOM元素,也就是将DOM对象转换为jQuery对象。如:

// 为div1 添加class属性
var div1 = document.getElmentById("div1");
$(div1).attr('class', 'class1 class2 class3');

  (3) object:一个用于封装成 jQuery的对象,和上面的element差不多。

  (4) elementArray:一个用于封装成 jQuery对象的DOM元素数组。

  (5) jQuery():返回一个空的jQuery对象。

2. jQuery(html[, ownerDocument])

  该函数还可以表示为 $(html[, ownerDocument])。根据提供的原始 HTML标记字符串,动态创建由jQuery对象包装的DOM元素。同时设置一系列属性、事件等。如:

// 添加div到body中$("<div><p>Hello</p></div>").appendTo("body");
$("<div>", {"class": "test",text: "Click me!",click: function(){$(this).toggleClass("test");}
}).appendTo("body");

3. jQuery(callback)

  该函数可以表示为 $(callback)。是$(document).ready() 的简写。允许你绑定一个在 DOM元素加载完成后执行的函数。

4. each(callback)

  对每一个所匹配的元素来执行一个函数。

  意味着,每次执行传递进来的函数时。this关键字都指向不同的DOM元素。并且,每次执行函数时,都会给函数传递一个表示该元素在匹配集合中索引位置的值(从 0 开始)。函数方法 false 将终止each。返回 true 将执行下一个元素。

// 对前3个img进行src设置
$("img").each(function(i){if( i == 3){// 跳出循环return false;}this.src = "test" + i + ".jpg";});

5. size()

  返回 jQuery对象中元素的个数

6. length

  返回 jQuery对象中元素的个数。

7. selector

  返回传递给 jQuery() 的原始选择器。这些方法都可以使用console.log(jQuery对象)输出来查看jQuery对象有哪些属性值。

8. context

  返回传递给 jQuery() 原始的DOM节点上下文,即$([selector[, context]])中的第二个参数。如果在获取jQuery对象时没有指定context,则表示当前页面上下文。

9. get([index])

  取得其中一个匹配的元素。inde表示取得的第几个匹配元素(从 0 开始)。

  参数:

  (1) index:取得在索引为 index 的元素。

  (2) get():取得所有匹配的DOM元素集合。

10. index([selector | element])

  搜索匹配的元素,并返回相应元素的索引值,从 0 开始。

  如果不给 .index() 方法传递参数,返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。

  如果参数是一个选择器selector,返回值就是原先集合中的元素相对于选择器匹配中的位置。如果找不到,返回 -1。

  如果参数是一组DOM 元素或者 jQuery对象,返回值就是传递的元素相对于集合的位置。

11. data([key], [value])

  在一个元素上存取数据,返回 jQuery对象。

  作用域:当前函数上下文。

$("div").data("blah");  // undefined
$("div").data("blah", "hello");  // blah设置为hello
$("div").data("blah");  // hello
$("div").data("blah", 86);  // 设置为86
$("div").data("blah");  //  86
$("div").removeData("blah");  //移除blah
$("div").data("blah");  // undefined
$("div").data("test", { first: 16, last: "pizza!" });
$("div").data("test").first  //16;
$("div").data("test").last  //pizza!;

12. remove([name | list])

  在元素上移除存放的数据。

  参数:

  (1) name:存储的数据名

  (2) list:移除数组,或以空额分开的字符串

13. jQuery.data(element, [key], [value])

  在元素上存放数据,返回 jQuery对象。

  注意:这是一个底层方法。你应当使用 .data() 来代替。

14. jQuery.noConfict([extreme])

  运行这个函数将变量 $ 的控制权让给第一个实现它的库。这有助于确保 jQuery不会与其他库的 $ 对象冲突。

转载于:https://www.cnblogs.com/www-123456/p/10679372.html

jQuery(一)、核心相关推荐

  1. jQuery的核心函数

    jQuery的核心函数有两个$和jQuery 我们拿两个例子来说一下 这两种代码都可以执行通过

  2. 解密jQuery事件核心 - 绑定设计(一)

    说起jQuery的事件,不得不提一下Dean Edwards大神 addEvent库,很多流行的类库的基本思想从他那儿借来的 jQuery的事件处理机制吸取了JavaScript专家Dean Edwa ...

  3. jQuery学习笔记——jQuery基础核心

    代码风格 在jQuery程序中,不管是页面元素的选择.内置的功能函数,都是美元符号"$"来起 始的.而这个"$"就是jQuery当中最重要且独有的对象:jQue ...

  4. Jquery框架核心部分例子 .

    $(expr)说明:该函数可以通过css选择器,Xpath或html代码来匹配目标元素,所有的jQuery操作都以此为基础 参数:expr:字符串,一个查询表达式或一段html字符串 例子: 未执行j ...

  5. jQuery最核心的基础设施之一——数据缓存模块进化史

    数据缓存系统最早应该是jQuery1.2引入的,那时它的事件系统完成照搬DE大神的addEvent.js,而addEvent在实现有个缺憾,它把事件的回调都放到EventTarget之上,这会引发循环 ...

  6. 第三章:JQuery基础---核心函数选择器、工具方法

    一:是什么?以及作用 定义:有特定语法规则(css选择器)的字符串    作用:用来查找某个/些DOM元素: $(selector) 二:基本选择器(最基本最常用的选择器) id选择器:#id     ...

  7. [jQuery基础] jQuery核心函数和工具方法

    核心函数 核心函数 调用jQuery的核心函数 $() jQuery 传递一个函数 $(function () {alert("hello lnj") } 接受一个字符串选择器 返 ...

  8. JavaWeb开发 前端语言:jQuery(一) jQuery核心函数、jQuery对象、jQuery选择器、以及jQuery元素筛选

    JavaWeb开发 前端语言:jQuery 1.jQuery介绍 1.1 jQuery的初使用 1.2 使用jQuery的常用问题解析 2. jQuery核心函数介绍 3.区分jQuery对象与dom ...

  9. JQuery核心:1.jQuery( expression, context )

    jQuery( expression, context ) Returns: jQuery This function accepts a string containing a CSS select ...

最新文章

  1. vmware 添加 磁盘 空间
  2. 【07月01日】A股滚动市净率PB历史新低排名
  3. 一文掌握Conda软件安装:虚拟环境、软件通道、加速solving、跨服务器迁移
  4. 区块链BaaS云服务(17)纸贵科技Zeus多链网络Z-Ledger联盟链
  5. spring项目概念-IOCDI
  6. 【报告分享】2019年全球数字化风险调查报告-德勤.pdf(附下载链接)
  7. 这本 Python 入门畅销书《“笨办法”学 Python 3》,不仅仅是一本书!
  8. 《游戏设计师修炼之道:数据驱动的游戏设计》一1.1 风险管理的作用
  9. Neo4j之下载安装:windows
  10. LeetCode--Restore IP Addresses
  11. Linux 内核与模块调试
  12. bp神经网络算法的优缺点,bp神经网络缺点及克服
  13. 三津谈保险系统建设:序言
  14. Android开发者如何删除手机自带应用
  15. ResHacker使用小解
  16. oracle-外币记账时总账余额表gl_balance变化(上)
  17. CH2_数字图像基础
  18. centos7 无网络 安装oracle 脚本静默安装
  19. 如何修复手机里的m4a格式录音文件
  20. VUE+element 上传视频

热门文章

  1. dijkstra堆优化(multiset实现-大大减小代码量)
  2. luogu 1344 追查坏牛奶(最小割)
  3. Python 03 基础作业
  4. android ListView几个比较特别的属性
  5. 团队工作-------step2
  6. CVPR 2021 | 微软提出解构式关键点回归, 刷新COCO自底向上多人姿态检测记录!...
  7. 3D视觉公开课 | TOF系统设计与分析
  8. CVPR2020 | 当目标跟踪遇上对抗攻击
  9. 【赛事】京东百万巨奖寻多传感器融合定位算法英雄
  10. 优秀!腾讯AI Lab开源模型压缩与加速框架PocketFlow!