博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【jQuery】2.jquery基础知识2
阅读量:5861 次
发布时间:2019-06-19

本文共 671 字,大约阅读时间需要 2 分钟。

一、jquery对象和DOM对象
1.DOM对象
(1)DOM,文档对象模型,每一份DOM都可以表示成一棵树
(2)从DOM树中可以看出各个元素之间的关系
(3)可以用getElementById或者getElementsByTagName等方法来获取元素
节点,这样得到的DOM元素就是DOM对象。DOM对象可以使用原生js中
的方法,比如innerHtml等
例子:
2.jquery对象
jquery对象是由jquery包装过后的DOM对象,它可以使用jquery库里面的方法
jquery对象无法使用DOM对象中的方法(如果DOM对象中的方法在jquery被改写过,那么可以使用DOM对象中这个被改写的方法)
例子:
二、DOM对象和jquery对象的互相转换
(1)jquery对象转成成DOM对象
有两种方法
1.使用index
2.使用get()方法
测试:
	
demo2.1
(2)DOM对象转换成jquery对象
只要把DOM对象用$()包起来就OK了
测试:
	
demo2.2
三、jquery与其它js库共存
我们使用js库的时候,不一定会仅仅使用jQuery,还有可能使用其他的js库(如prototype),那么有可能会产生冲突,所以要有一种方法让它们共存。
共存方法:使用jQuery.noConflict()方法释放$的权
测试:
	
demo2.3

这样就会避免两种“$”权限冲突,我们两种js库就都可以使用了。

转载请注明出处:

你可能感兴趣的文章
Web服务器压力测试工具http_load、webbench、ab、Siege使用教程
查看>>
Mac软件下载备忘
查看>>
在Linux中执行.sh脚本,异常/bin/sh^M: bad interpreter: No such file or directory
查看>>
就是一个表格
查看>>
找回使用Eclipse删除的文件
查看>>
集成spring3、hibernate4、junit
查看>>
URL与ASCII
查看>>
java读取properties配置文件
查看>>
UITableview中cell重用引起的内容重复的问题
查看>>
Windows7操作系统安装教程(图文)
查看>>
除了模拟手术教学,VR在医疗领域如何应用?
查看>>
盘点5款Ubuntu监控工具解决CPU暴增问题
查看>>
java 测试IP
查看>>
用CSS做导航菜单的4个理由
查看>>
NOIP2015 运输计划 二分答案+Tarjan LCA+树上差分
查看>>
基本信息项目目标文档
查看>>
移动开发Html 5前端性能优化指南
查看>>
silverlight style和template 使用之tip
查看>>
Eclipse配置python环境
查看>>
Import declarations are not supported by current JavaScript version--JavaScript版本不支持导入声明...
查看>>