jQuery知识点总结

最新推荐文章于 2022-04-16 16:25:56 发布
最新推荐文章于 2022-04-16 16:25:56 发布
阅读量71 收藏
点赞数
文章标签： javascript jquery js java

jQuery DOM对象 jQuery对象 事件绑定 对象转换
关键词由CSDN通过智能技术生成

文章目录

1、jQuery 介绍

什么是 jQuery ?

jQuery，顾名思义，也就是 JavaScript 和查询（Query），它就是辅助 JavaScript 开发的 js 类库。

jQuery 核心思想！！！

它的核心思想是 write less,do more(写得更少,做得更多)，所以它实现了很多浏览器的兼容问题。

jQuery 流行程度

jQuery 现在已经成为最流行的 JavaScript 库，在世界前 10000 个访问最多的网站中，有超过 55%在使用 jQuery。

jQuery好处！！！

jQuery 是免费、开源的，jQuery 的语法设计可以使开发更加便捷，例如操作文档对象、选择 DOM 元素、制作动画效果、事件处理、使用 Ajax 以及其他功能

2、jQuery 的初体验！！!

需求：使用 jQuery 给一个按钮绑定单击事件?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
    <script type="text/javascript">
      // window.onload = function () {
      // var btnObj = document.getElementById("btnId");
      // // alert(btnObj);//[object HTMLButtonElement] ====>>> dom 对象
      // btnObj.onclick = function () {
      // alert("js 原生的单击事件");
      // }
      // }
      $(function () { // 表示页面加载完成之后，相当window.onload = function () {}
        var $btnObj = $("#btnId"); // 表示按id 查询标签对象
        $btnObj.click(function () { // 绑定单击事件
          alert("jQuery 的单击事件");
        });
      });
    </script>
  </head>
  <body>
    <button id="btnId">SayHello</button>
  </body>
</html>

常见问题？

1、使用jQuery 一定要引入jQuery 库吗？ 答案： 是，必须

2、jQuery 中的$到底是什么？ 答案： 它是一个函数

3、怎么为按钮添加点击响应函数的？ 答案：

​ 1、使用jQuery 查询到标签对象

​ 2、使用标签对象.click( function(){} );

3、jQuery 核心函数

$ 是jQuery 的核心函数，能完成jQuery 的很多功能。 ( ) 就 是 调 用 ()就是调用 ()就是调用这个函数

image-20210714211742307

4、jQuery 对象和dom 对象区分

4.1、什么是jQuery 对象，什么是dom 对象

Dom 对象

  1. 通过getElementById()查询出来的标签对象是Dom 对象

  2. 通过getElementsByName()查询出来的标签对象是Dom 对象

  3. 通过getElementsByTagName()查询出来的标签对象是Dom 对象

  4. 通过createElement() 方法创建的对象，是Dom 对象

DOM 对象Alert 出来的效果是：[object HTML 标签名Element]

jQuery 对象

  1. 通过JQuery 提供的API 创建的对象，是JQuery 对象

  2. 通过JQuery 包装的Dom 对象，也是JQuery 对象

  3. 通过JQuery 提供的API 查询到的对象，是JQuery 对象

jQuery 对象Alert 出来的效果是：[object Object]

4.2、问题：jQuery 对象的本质是什么？

jQuery 对象是dom 对象的数组+ jQuery 提供的一系列功能函数。

4.3、jQuery 对象和Dom 对象使用区别

  1. jQuery 对象不能使用DOM 对象的属性和方法
  2. DOM 对象也不能使用jQuery 对象的属性和方法

4.4、Dom 对象和jQuery 对象互转

1、dom 对象转化为jQuery 对象（重点）*

1、先有DOM 对象

2、$( DOM 对象) 就可以转换成为jQuery 对象

2、jQuery 对象转为dom 对象（重点）*

1、先有jQuery 对象

2、jQuery 对象[下标]取出相应的DOM 对象
image-20210715210333730
小开心
关注
JQuery 快速入门一篇通
oscar999的专栏
03-06 1万+
JQuery是什么？ JQuery 是一套JavaScript库， 使用它，可以很方便的进行 JavaScript的编程。比如： 获取页面元素， 修改页面元素的CSS样式等等都可以以很简单的语法完成。 节省代码行数和减少开发的时间。 物理上来看就是一份.js的文件。  如何获取和使用？ JQuery  的官方网址是： http://jquery.com/  。 从这里可以获取
JQuery 知识点总结
znhyXYG的博客
12-06 1860
概念： JavaScript库 把一些浏览器兼容性，或者是一些常用的函数封装到一个js文件中，就是JavaScript库 我们自己封装的animate.js，就是JavaScript库 常见的JavaScript库： jQuery、Prototype、MooTools JQuery的优点 强大的选择器 链式编程 隐式迭代 丰富的插件，可以自己编写插件 开源 JQ中的顶级对象 jQuery中的顶级对象是$或jQ..
jQuery必知要点（一）
徐凤竹 程序人生
08-09 1988
1． jQuery框架的显著特点。 jQuery强调的理念是写的少，做的多(write less，do more)。其主要特点有：轻量级、强大的选择器、漂亮的DOM操作封装、可靠的事件处理机制、完善的Ajax处理、出色的浏览器兼容性、链式操作方式、丰富的插件支持、开源产品。 2．eval是做什么的？ eval功能是把对应的字符串解析成JS代码并运行；但不安全，非常耗性能。 3．null与u
jQuery
hqc_xds的博客
11-26 229
## 今日内容     1. JQuery 基础：         1. 概念         2. 快速入门         3. JQuery对象和JS对象区别与转换         4. 选择器         5. DOM操作         6. 案例   # JQuery 基础：     1. 概念： 一个JavaScript框架。简化JS开发         * jQuery是...
基于python的-类和对象
hs947463167的博客
01-26 349
# 类和对象 # 什么是类？ # 人类 具有相同的属性和行为特点的事物的抽象的集合 # 人类属性： 身高 体重 年龄 性别 姓名。。。 # 人类行为： 吃喝拉撒睡 # 什么是对象？ # 对象概念： 类的具体的实例化 # 人类中的对象： 马云，马化腾。。。 # object 是python中的顶级父类 class ADC(object): # __init__()初始化函数，当创建对
jquery重点
qq_42260635的博客
11-02 267
1.jQuery正则校验 表单验证 &lt;!-- 正则表达式又称规则表达式。 在代码中常简写为regex、regexp或RE）， 计算机科学的一个概念。 正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。 --&gt; &lt;!-- 参考正则 /^[a-zA-Z][a-zA-Z0-9]{3,15}$/; //账号; /^[\u4e00-\u9fa5]{...
jquery知识点总结.md
09-05
jquery
Jquery知识点总结
01-19
### Jquery知识点总结 #### 一、Jquery简介与学习流程 JQuery 是一款轻量级的 JavaScript 库，它的宗旨是“write less, do more”（写得更少，做得更多）。它简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互...
jQuery基础知识点总结(必看)
11-22
在本文中，我们将深入探讨 jQuery 的基础知识点，包括 jQuery 入口函数与 JavaScript 入口函数的区别、jQuery 对象与 DOM 对象的相互转换以及 jQuery 的选择器。 1. **jQuery 入口函数与 JavaScript 入口函数的区别...
jQuery基础核心知识
10-18
详细介绍了jQuery的一些核心知识以及基础，理解jQuery
jquery的核心知识（一）
BuZiShuoquoto的博客
09-04 494
jquery的核心基础（一） jquery是一种特殊的js jquery的使用是要引入jquery的核心包<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>基础核心</title> <scri
Jquery重点一
liangsongjun的专栏
10-22 519
1、 复选框的全选、全不选、反选、       //全选       $("#CheckedAll").click(function(){            $('[name=items]:checkbox').attr('checked', true);     });    //全不选       $("#CheckedNo").click(function(){
jQuery知识整理
qq_42236548的博客
02-09 218
jQuery知识整理 1.原生js和jQuery的区别 1.原生js和jQuery的加载模式不同，原生js会等到DOM元素完毕，并且图片也加载完毕才会执行 jQuery会等到DOM元素加载完毕，但不会等到图片加载完毕就会执行 2.原生JS如果编写了多个入口函数，后面编写的会覆盖前面编写的；jQuery中编写的多个入口函数，后面的不会覆盖前面的 2.jQuery入口函数 $(function(){ console.log("入口函数"); }) jQuery的冲突解决方案 1.释放$的使用权
jQuery重点整理
aaa_Gyt的博客
11-27 420
jQuery中顶级对象 jQuery中的顶级对象是$或jQuery 获取jQuery对象 入口函数 高级功能 注意：jQuery中的$和JQuery关键字本身为同一对象； jQuery中页面加载事件 使用jQuery的三个步骤： 1.引入jQuery文件 2.入口函数 3.功能实现 关于jQuery的入口函数： // 第一种写法 $(document).ready(function() { ...
JQuery基本（重点）
Richard_666的博客
04-30 191
一、先看 jQuery(function(){ }); 全写为 jQuery(document).ready(function(){ }); 意义为在DOM加载完毕后执行了ready()方法。
Jquery核心知识点整理
undefined_Z的博客
09-03 175
jQuery 整理 1. jQuery是什么？(了解) www.github.com jQuery 其实就是一堆的js函数，是普通的js，只不过应用广泛，形成了行业标准。 参考书：锋利的jQuery 学习参考：http://www.w3school.com.cn/jquery/ 官网：http://jquery.com/ 2. jQuery的重点 2.1 jQuery入口函数(全球都会) 2.2 jQuery的选择器(其实就是CSS的选择器) 2.3 jQuery的Dom操作 2.4 jQuer
jQuery重点知识整理
m0_64336780的博客
04-16 1万+
目录 jQuery简介 jQuery版本说明 选择器 DOM操作 事件处理 事件之绑定事件处理器 事件之鼠标事件 事件之表单事件 事件之键盘事件 事件之浏览器事件 事件对象 遍历 动画 jQuery简介 jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提 供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和 操作、事件处理、动画操作更加简单。 jQuery最大的优点就是简化DOM操作。 jQuery版本说明 jQuer
jQuery重点掌握的知识
qq_30347133的博客
11-03 356
1.基本选择器 jQuery基本选择器 &lt;style type="text/css"&gt; div { background: gray; width: 200px; height: 100px; } &lt;/style&gt; &lt;script src="js/jquery-1.8.3.js"...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值