首页
学
【学】PHP
【学】前端
【学】Linux
【学】杂学
【学】支付
【学】Docker
享
【享】文件
【享】工具
日记
Me
【Me】我
【Me】留言
老郭博客-程序员客栈
文章模型
下载模型
首页
学
【学】PHP
【学】前端
【学】Linux
【学】杂学
【学】支付
【学】Docker
享
【享】文件
【享】工具
日记
Me
【Me】我
【Me】留言
首页
学
【学】前端
jQuery对象与dom对象关系
jQuery对象与dom对象关系
发布时间:
2年前
作者:
老郭
热度:
3020 ℃
评论数:
# jQuery对象与dom对象关系 > jQuery对象与dom对象关系: ``` jQuery对象:$("li") $(".apple") $("#one") dom对象:document.getElementById() document.getElementsByName() ``` #### 互相对方的成员 ``` <script type="text/javascript"> function f1() { // jQuery对象去调用dom对象的成员【失败】 // $(...).style is undefined $('h2').style.background-color = "lightblue"; } function f2() { // dom对象去调用jQuery对象的成员【失败】 // document.getElementsByTagName(...)[0].css is not a function document.getElementsByTagName('div')[0].css('color','blue'); } </script> ``` #### jquery对象和dom对象的转换 ``` 2.1jquery对象转换为dom对象 $()[下标] Jquery对象变为dom对象之后可以调用dom对象的成员: function f1(){ //document.getElementByTagName('h2')[0].style.backgroundColor //jQuery对象去调用dom对象的成员【失败】 //$(...).style is undefined //$('h2').style.backgroundColor = "lightblue"; //"jQuery对象"变为"dom对象"才可以调用对方成员【成功】 $('h2')[0].style.backgroundColor = "lightgreen"; } 2.2 dom对象转换为jquery对象 $(dom对象): function f2() { // $('div').css('color','red'); // dom对象去调用jQuery对象的成员【失败】 var dv = document.getElementsByTagName('div')[0]; //document.getElementsByTagName(...)[0].css isnot a function //dv.css('color','blue'); //"dom对象"变为"jQuery对象"才可以调用对方成员【成功】 //$(dom对象) dom对象选择器 $(div).css('color','orange'); } ```
jQuery,dom
上一篇:
jQuery快捷操作
下一篇:
jQuery的事件加载机制
栏目导航
【学】PHP
【学】前端
【学】Linux
【学】杂学
【学】支付
【学】Docker
相关文章
Ajax是什么?
1212 ℃
网站禁止浏览器缓存
1269 ℃
Ajax之get方式请求
2731 ℃
Ajax之post方式请求
2169 ℃
Json使用
1164 ℃
无刷新表单信息提交
1378 ℃
使用Ajax中$.post方法前台获取json数据,将数据转换为...
1754 ℃
细说jQuery的选择器
1358 ℃
jQuery的属性操作
2112 ℃
jQuery快捷操作
1269 ℃
jQuery对象与dom对象关系
3020 ℃
jQuery的事件加载机制
1574 ℃
jQuery属性选择器使用
2184 ℃
jQuery基本动画效果
2535 ℃
利用Ajax技术实现天气预报接口
1430 ℃
微信小程序
手机扫码访问