jQuery API 的特点

jQuery API 的三大特点

1. jQuery 对象是一个类数组对象，API自带遍历效果

　　- 对 jQuery 对象调用一次API，等效于对 jQuery 对象中的每一个元素分别调用一次 API

　　- 例如：$(...).css();

<p id="p1">我是p1元素</p>
<p id="p2">我是p2元素</p>
<p id="p3">我是p3元素</p>
<script src="js/jquery-3.3.1.js"></script>
<script>/* 修改所有的p元素中文本的颜色 */// 核心 DOM// var ps = document.getElementsByTagName("p")// for (var i = 0; i < ps.length; i++) {//     ps[i].style.color = "#f00";// }// jquery方法var $ps =$("p");$ps.css("color","#00f")</script>

2. 链式操作

　　- 几乎每个API都返回当前正在操作的jQuery对象本身，一个API调用完毕后可直接在后面继续另一个API。

　　- 例如：$(...).css().attr().html();

<div id="d1" title="第一个div">我是第一个div</div>
<div id="d2" title="第二个div">我是第二个div</div>
<script src="js/jquery-3.3.1.js"></script>
<script>/*修改文本颜色和title属性值*/// 核心 domvar d1 = document.getElementById("d1");d1.style.color = "#f00";d1.title = "修改后的title";  //HTML DOMd1.setAttribute("title","修改后的title1") // 核心 DOM// jquery// $("d2").css("color","#00f");// $("d2").attr("title","修改后的title");// 链式操作$("#d2").css("color","#00f").attr("title","修改后的title");
</script>

3. 一个 API 两用

　　- 如果没给新值，就获取；给新值，就修改

　　 - 例如：$(...).attr("title") // 获取

　　　　　　$(...).attr("title","ESchool") // 修改

<div id="d1" title="第一个div">我是第一个div</div>
<div id="d2" title="第二个div">我是第二个div</div>
<script src="js/jquery-3.3.1.js"></script>
<script>/*获取 / 设置 div的 title 属性值*/// 核心 domvar d1 = document.getElementById("d1");console.log(d1.getAttribute("title")); // 获取d1.setAttribute("title", "修改后的title1") // 修改// jqueryconsole.log($("#d2").attr("title")) // 获取$("#d2").attr("title","修改后的title2") // 修改console.log($("#d2").html()) //获取文本
</script>

完成！good！哈哈哈

jQuery API 的特点相关推荐

jquery API
jQuery API Documentation详细的API和例子说明,请参考文档:http://docs.jquery.com/Main_Page百度百科的解析:http://baike.baidu ...
Jquery对象和DOM对象---Jquery API (1)
文/饥人谷_韩宝亿(简书作者) 原文链接:http://www.jianshu.com/p/98a0c82c47e4 著作权归作者所有,转载请联系作者获得授权,并标注"简书作者". ...
jQuery API 3.1.0 速查表-打印版
jQuery API 3.1.0 速查表-打印图,(API来自:http://jquery.cuishifeng.cn/index.html) 转载于:https://www.cnblogs.com/ ...
jQuery中文手册, jQuery API, jQuery UI, 分页插件下载
jQuery 库最新版下载 : jquery-1.3.2 最新版.rar 中文手册下载地址(超酷版): jQuery1.2API.rar API 文档下载(最新1.32CHM版): jQueryAPI ...
php jquery api文档,使用PHP、jQuery和JSON创建公共API
使用PHP.jQuery和JSON创建公共API 本章教程将为大家展示一个使用PHP.jQuery和JSON创建公共API的简单方法. 首先,我们需要一个连接数据库的文件 connection.php ...
jQuery API之each、children、index的使用
each 参数: function: 回调函数:函数参数为index, ele(DOM元素) 作用: 循环遍历jQ数组 code: <ul><li></li>< ...
跟着JQuery API学Jquery 之四 css
在javascript中我们常常要改变dom的css样式 ,同样Jquery也对改变css做了封装不用我们去用 getElementByid().style.--来操作了 1 css 这里只有一个函数 ...
[总结]Jquery api 快速参考
选择符匹配 * 所有元素 #id 带有给定ID的元素 element 给定类型的所有元素,比如说html标签 .class 带有给定类的所有元素 a,b 匹配a或者匹配b的元素 a b 作为a后代的 ...
jQuery api学习笔记
jQuery事件各种事件类似点击事件 <html><head> <title>index.jsp</title><script type=&qu ...
年前计划之jquery API 重读
既然工作卡住了,既然相关人员不在,活就不干了 ? 做一下年前计划 3.X 选择器 :lang(str) 选定包含指定语言的所有元素匹配语言值等于所提供的语言代码,或以提供的语言代码开 ...

jQuery API 的特点

jQuery API 的特点

jQuery API 的三大特点

1. jQuery 对象是一个类数组对象，API自带遍历效果

2. 链式操作

3. 一个 API 两用

jQuery API 的特点相关推荐

最新文章

热门文章