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的特点的更多相关文章

  1. jQuery API 3.1.0 速查表-打印版

    jQuery API 3.1.0 速查表-打印图,(API来自:http://jquery.cuishifeng.cn/index.html)

  2. jQuery API中文文档

    jQuery API中文文档 http://www.css88.com/jqapi-1.9/category/events/event-handler-attachment/ jQuery UI AP ...

  3. 兼容现有jQuery API的轻量级JavaScript库:Zepo

    Zepo是一个JavaScript框架,其特点是兼容现有jQuery API的同时,自身体积十分小:它与jQuery有着类似的API.如果你会jQuery,那么也就会使用Zepto了. $('div' ...

  4. Jquery API学习笔记

    学习网站 JQuery API 中文网: http://www.jquery123.com/ 学习一遍API可以更熟练的运用jquery并且拓展思路. 这里只挑选了一些我认为在开发中会用到的一些API ...

  5. Jquery API Hybrid APP调研

    http://jquery.cuishifeng.cn/source.html   hybrid app Hybrid App(混合模式移动应用)是指介于web-app.native-app这两者之间 ...

  6. jquery api调用

    本框架内置组件以及部分插件都可以通过jquery选择器进行API调用,支持链式操作,如下示例. <script type="text/javascript"> $(&q ...

  7. 【jQuery api】 $.type(obj)

    用来获取JavaScript数据类型[[Class]]的对象 <!DOCTYPE html> <html> <head> <script src=" ...

  8. 【jQuery api】isArray

    <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-l ...

  9. 【jQuery api】isFunction()

    <!doctype html> <html lang="en"> <head> <meta charset="utf-8&quo ...

随机推荐

  1. UDR rsync

    1. SOCK_DGRAM  UDP packets SOCK_STREAM   TCP 不同的协议下的 套接字 数据包 面向数据的 面向连接的 套接字 2. 数据 UDP 文件 TCP https: ...

  2. sql两列相除,保留n位小数

    ), ) from tablename 以上代码意思两列相处,然后保留4位小数.

  3. LightOj 1248 - Dice (III)(几何分布+期望)

    题目链接:http://lightoj.com/volume_showproblem.php?problem=1248 题意:有一个 n 面的骰子,问至少看到所有的面一次的所需 掷骰子 的 次数的期望 ...

  4. Linux IO模式及 select、poll、epoll详解及源码(转)

    原文:https://segmentfault.com/a/1190000003063859 我只摘取了其中的epoll代码示例,服务端代码 #define IPADDRESS "127.0 ...

  5. 纯css打造凹进与突出效果

    1.凹进效果   background:#f2f2f2  center repeat; border-bottom: 1px solid #e9e9e9;border-top: 1px solid # ...

  6. python platform模块

    该模块用来访问平台相关属性. 常见属性和方法 系统名称 platform.system() 返回系统/操作系统名称,例如“Linux”,“Windows” >>> platform. ...

  7. 深度学习之TensorFlow(一)——基本使用

    一.目前主流的深度学习框架Caffe, TensorFlow, MXNet, Torch, Theano比较 库名称 开发语言 速度 灵活性 文档 适合模型 平台 上手难易 Caffe c++/cud ...

  8. PAT 1024 Palindromic Number[难]

    A number that will be the same when it is written forwards or backwards is known as a Palindromic Nu ...

  9. centos7最小安装初始化脚本

    #!/bin/bash #zhangsen #lovexlzs@qq.com if [[ "$(whoami)" != "root" ]]; then exit ...

  10. 机器学习理论基础学习3.5--- Linear classification 线性分类之朴素贝叶斯

    一.什么是朴素贝叶斯? (1)思想:朴素贝叶斯假设    条件独立性假设:假设在给定label y的条件下,特征之间是独立的    最简单的概率图模型 解释: (2)重点注意:朴素贝叶斯 拉普拉斯平滑 ...