jQuery API的特点
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属性值*/
// 核心 dom
var d1 = document.getElementById("d1");
d1.style.color = "#f00";
d1.title = "修改后的title"; //HTML DOM
d1.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 属性值*/
// 核心 dom
var d1 = document.getElementById("d1");
console.log(d1.getAttribute("title")); // 获取
d1.setAttribute("title", "修改后的title1") // 修改 // jquery
console.log($("#d2").attr("title")) // 获取
$("#d2").attr("title","修改后的title2") // 修改
console.log($("#d2").html()) //获取文本
</script>
完成!good!哈哈哈
jQuery API的特点的更多相关文章
- jQuery API 3.1.0 速查表-打印版
jQuery API 3.1.0 速查表-打印图,(API来自:http://jquery.cuishifeng.cn/index.html)
- jQuery API中文文档
jQuery API中文文档 http://www.css88.com/jqapi-1.9/category/events/event-handler-attachment/ jQuery UI AP ...
- 兼容现有jQuery API的轻量级JavaScript库:Zepo
Zepo是一个JavaScript框架,其特点是兼容现有jQuery API的同时,自身体积十分小:它与jQuery有着类似的API.如果你会jQuery,那么也就会使用Zepto了. $('div' ...
- Jquery API学习笔记
学习网站 JQuery API 中文网: http://www.jquery123.com/ 学习一遍API可以更熟练的运用jquery并且拓展思路. 这里只挑选了一些我认为在开发中会用到的一些API ...
- Jquery API Hybrid APP调研
http://jquery.cuishifeng.cn/source.html hybrid app Hybrid App(混合模式移动应用)是指介于web-app.native-app这两者之间 ...
- jquery api调用
本框架内置组件以及部分插件都可以通过jquery选择器进行API调用,支持链式操作,如下示例. <script type="text/javascript"> $(&q ...
- 【jQuery api】 $.type(obj)
用来获取JavaScript数据类型[[Class]]的对象 <!DOCTYPE html> <html> <head> <script src=" ...
- 【jQuery api】isArray
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-l ...
- 【jQuery api】isFunction()
<!doctype html> <html lang="en"> <head> <meta charset="utf-8&quo ...
随机推荐
- UDR rsync
1. SOCK_DGRAM UDP packets SOCK_STREAM TCP 不同的协议下的 套接字 数据包 面向数据的 面向连接的 套接字 2. 数据 UDP 文件 TCP https: ...
- sql两列相除,保留n位小数
), ) from tablename 以上代码意思两列相处,然后保留4位小数.
- LightOj 1248 - Dice (III)(几何分布+期望)
题目链接:http://lightoj.com/volume_showproblem.php?problem=1248 题意:有一个 n 面的骰子,问至少看到所有的面一次的所需 掷骰子 的 次数的期望 ...
- Linux IO模式及 select、poll、epoll详解及源码(转)
原文:https://segmentfault.com/a/1190000003063859 我只摘取了其中的epoll代码示例,服务端代码 #define IPADDRESS "127.0 ...
- 纯css打造凹进与突出效果
1.凹进效果 background:#f2f2f2 center repeat; border-bottom: 1px solid #e9e9e9;border-top: 1px solid # ...
- python platform模块
该模块用来访问平台相关属性. 常见属性和方法 系统名称 platform.system() 返回系统/操作系统名称,例如“Linux”,“Windows” >>> platform. ...
- 深度学习之TensorFlow(一)——基本使用
一.目前主流的深度学习框架Caffe, TensorFlow, MXNet, Torch, Theano比较 库名称 开发语言 速度 灵活性 文档 适合模型 平台 上手难易 Caffe c++/cud ...
- PAT 1024 Palindromic Number[难]
A number that will be the same when it is written forwards or backwards is known as a Palindromic Nu ...
- centos7最小安装初始化脚本
#!/bin/bash #zhangsen #lovexlzs@qq.com if [[ "$(whoami)" != "root" ]]; then exit ...
- 机器学习理论基础学习3.5--- Linear classification 线性分类之朴素贝叶斯
一.什么是朴素贝叶斯? (1)思想:朴素贝叶斯假设 条件独立性假设:假设在给定label y的条件下,特征之间是独立的 最简单的概率图模型 解释: (2)重点注意:朴素贝叶斯 拉普拉斯平滑 ...