位置: 编程技术 - 正文

jQuery学习笔记之入门(jquery教程w3school)

编辑:rootadmin

推荐整理分享jQuery学习笔记之入门(jquery教程w3school),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery教程csdn,jquery教程csdn,jquery使用教程,jquery基础教程详解,jquery教程入门,jquery基础教程详解,jquery基础教程详解,jquery教程csdn,内容如对您有帮助,希望把文章链接给更多的朋友!

最近在学习jQuery,在网上看到有几篇关于jQuery的文章,写的不错转载过来跟大家分享一下;

一、JQuery是什么

JQuery是什么?始终是萦绕在我心中的一个问题:

借鉴网上同学们的总结,可以从以下几个方面观察。

不使用JQuery时获取DOM文本的操作如下:

document.getElementById('info').value = 'Hello World!';

使用JQuery时获取DOM文本操作如下:

$('#info').val('Hello World!');

嗯,可以看出,使用JQuery的优势之一是可以使代码更加简练,使开发人员更加专注于逻辑本身。

二、JQuery能做什么

jQuery使用户能更方便地处理HTML、events、实现动画效果,并且方便地为网站提供AJAX交互。

jQuery库包含以下功能:HTML元素选取、HTML元素操作、CSS操作、HTML事件函数、JavaScript特效和动画、HTML|DOM遍历和修改、AJAX、Utilities。

jQuery使用户方便快捷获取DOM元素、动态修改页面样式、动态改变DOM内容、响应用户的交互操作、为页面添加动态效果、统一Ajax操作、简化常见的JavaScript任务。

上述是对JQuery比较中肯的评价,节选其中的关键字可以粗略的观察到:

方便的选取DOM元素,操作DOM元素。(HTML元素选取、HTML元素操作、获取DOM元素、动态修改页面样式、动态改变DOM内容)

响应用户操作。(HTML事件函数、JavaScript特效和动画、响应用户的交互操作、为页面添加动态效果)

简化AJAX操作。(方便地为网站提供AJAX交互、统一Ajax操作)

即:方便DOM的选取和操作、响应用户操作、简化AJax操作。

三、DOM是什么

上述提到了DOM元素,不了解,查阅总结如下:

DOM 全称是 Document Object Model,是文档对象模型。

通过DOM元素,可以方便的操作HTML中的节点,比如获取节点的内容,添加某些元素,删除某些元素。

也就是说,DOM元素和HTML息息相关,它将HTML中的一个个标签封装成DOM元素,以便于JavaScript进行操作。

jQuery学习笔记之入门(jquery教程w3school)

其中document.getElementById("info")就是将id为info的标签封装成为一个DOM元素,接下来便可以方便的操作这个DOM对象,例如修改它的文本内容等等。

四、JQuery与DOM之间的关系

JQuery对象与DOM对象之间有什么区别?

先了解什么是JQuery对象:

JQuery对象就是用JQuery包装DOM之后产生的对象。JQuery对象是JQuery独有的,可以使用JQuery的各种方法。

$("#test").html();

意思是指:获取ID为test的元素内的html代码。其中html()是jQuery里的方法 。

这段代码的作用等同于用DOM实现代码:

document.getElementById("id").innerHTML;

虽然jQuery对象是包装DOM对象后产生的,但是jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法。

还需要注意一点的是:

用#id作为选择器获取得的是jQuery对象,document.getElementById("id")得到的DOM对象,这两者并不等价。

另外,JQuery对象与DOM对象之间可以互相转换。

JQuery对象 -> DOM对象

两种转换方式将一个JQuery对象转换成DOM对象:[index]和.get(index);

jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。

通过.get(index)方法,得到相应的DOM对象。

DOM对象 -> JQuery对象

对于已经是一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。如$(document.getElementById("test"))

DOM对象转换为JQuery对象之后就可以使用JQuery的方法了。

需要再次强调注意的是:DOM对象才能使用DOM中的方法,jQuery对象是不可以用DOM中的方法。

五、JQuery中的“$”有什么作用

这个问题解决之后,还有一个疑问:我们经常在JQuery看见$('div')、$('#id')、$('.class')等类似的代码。那么其中的"$"究竟有什么作用呢?

$其实就是jQuery的别称。是jQuery提供的一个函数,用来将DOM元素、选择器包装成jQuery对象。

以上两者是等同的。

所以"$"其实是一个符号,$()代替了jQuery(),当然你也可以使用其他的字符来代替"$"

标签: jquery教程w3school

本文链接地址:https://www.jiuchutong.com/biancheng/373913.html 转载请保留说明!

上一篇:jQuery Easyui datagrid连续发送两次请求问题

下一篇:jQuery的extend方法【三种】

  • 海关进口增值税怎么计算
  • 土地增值税间接费用扣除
  • 四种股利分配政策类型
  • 印花税和增值税一起扣款有影响吗
  • 红字发票需要认证吗之前的发票还有用吗
  • 一般纳税人外地预缴增值税税率
  • 减免50%的城建税分录怎么做?
  • 适用会计制度备注怎么填?
  • 职工的取暖补贴上税吗
  • 发出材料计划成本例题
  • 房地产结转收入是什么意思
  • 工企业用地土地使用税怎么征收?
  • 其他应收款 应收账款
  • 园林绿化公司要交税吗
  • 免征残保金还需交税吗
  • 用友t3修改帐套怎样修改企业会计准则
  • 网络综合布线开关在哪
  • 一级建造师继续教育
  • 小规模的成本票
  • 对公账户资金往来会产生税吗
  • 应用程序无法正常启动(0xc0000142)
  • 跨年退货会计处理
  • Win10 (21H1)Build 19043.1266更新补丁KB5005611正式版发布:附修复更新内容
  • 电脑打开文件夹选项
  • php字符串函数有哪些
  • 公司收入可以打折吗
  • 营改增后劳务发票税率
  • 存货正常报废账务处理
  • 特许权使用费属于无形资产吗
  • 多伦多日照时间
  • vue获取input
  • 伊兰简介
  • 跨区域涉税事项报告表在哪里打印
  • 出口免抵增值税是什么意思
  • 增值税专用发票查询系统官方网站
  • 科目汇总表一张不够怎么写下一页
  • 注册机械加工公司需要什么
  • mysql 触发器
  • python中的参数传递
  • 返利销售的增值税怎么算
  • 个人所得税专项扣除2023最新政策
  • 删除mysql数据库用户
  • 造价咨询费计入固定资产吗
  • 企业专项资金购买固定资产
  • 本年利润是不是未分配利润
  • 利息收入的会计科目
  • 什么是内部报酬吗
  • 票据贴现的分录
  • 记账凭证修改有几种方法
  • 小微企业不用缴纳社保可以吗现在
  • 利息与资金占用费
  • 管理费用贷方有余额怎么处理
  • 固定资产报废由谁审批
  • 材料采购办法
  • 支付宝如何打印付款凭证
  • XP系统无法安装软件
  • win7/win8.1/win10系统下如何配置Java环境变量 Java环境变量的配置教程介绍
  • 菜鸟flask
  • ghost重装步骤
  • win8系统怎么远程电脑
  • 让windows10蓝屏
  • 怎么提高xp系统运行速度
  • Linux进入图形界面卡顿
  • centos6.5配置ssh
  • Remoterm.exe - Remoterm是什么进程 有什么用
  • win7视频播放不了
  • kernel-headers-2.2.1-4
  • opengl详解
  • django在pycharm
  • jquery与js
  • VectorField2D
  • unity3d脚本编程
  • 细说java
  • jquery自动加载的方法
  • 欢迎使用来电提醒业务是什么意思
  • javascript面向对象 第三方类库
  • 个人所得税app查不到工资记录
  • 2018年建筑业增值税税率变更文件
  • 湖南什么时候实行电子驾驶证
  • 2020各省旅游
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设