JQuery学习之旅(4)
来源:互联网 发布:剑网三网络助手 编辑:程序博客网 时间:2024/06/06 04:52
JQuery学习之旅—DOM对象转化成jQuery对象
首先复习一下JQuery–>DOM:
(1) 获取JQuery对象 $div = $div(‘id’); 一个类组对象
(2)通过数组或者JQuery自己的方法get() 获取指定位置的对象:
$div [index];
$div [0].get(index);
(3)通过DOM直接操作属性。
DOM对象转化成jQuery对象
接下来 DOM–>JQuery 通过$(参数)
相比较jQuery转化成DOM,开发中更多的情况是把一个dom对象加工成jQuery对象。$(参数)是一个多功能的方法,通过传递不同的参数而产生不同的作用。
如果传递给$(DOM)函数的参数是一个DOM对象,jQuery方法会把这个DOM对象给包装成一个新的jQuery对象
(1)通过getElementsByTagName(‘div’);获取所有div节点的dom元素
这是一个DOM集合。
(2)通过$(参数) ,将DOM集合转化为JQuery对象。
(3)通过JQuery的方法first 获取第一个JQuery对象,
(4)通过JQuery对象.css(‘color’, ‘read’);设置JQuery对象的颜色
<script type="text/javascript"> //通过getElementsByTagName(xx)获取所有div节点元素, 注意结果是一个DOM集合 var tmpDom = document.getElementsByTagName('div'); //DOM对象 var $div = $(tmpDom); //通过$(参数), 将DOM转为JQuery对象 var $first = $div.fisrt(); //找到第二个JQuery对象 $first.css('color', 'red'); //设置颜色 </script>
0 0
- JQuery学习之旅(4)
- 学习jQuery之旅
- jQuery学习之旅
- 学习jQuery之旅
- jQuery学习之旅
- JQuery学习之旅(1)
- JQuery学习之旅(2)
- JQuery学习之旅(3)
- JQuery学习之旅(5)
- JQuery学习之旅(6)
- JQuery学习之旅(7)
- JQuery学习之旅(8)
- jQuery学习之旅(一)
- Jquery学习4-1---jquery用法之访问jquery对象
- JQuery学习之旅之淡入淡出
- Jquery学习之旅之 动画 animate
- Jquery学习之旅之chaining
- Jquery学习之旅之添加元素
- k-Multiple Free Set
- css3选择器
- 第一个JNI开发
- jQuery EasyUI window拖动超出浏览器边界问题修正
- Canvas和SVG的相同点和不同点
- JQuery学习之旅(4)
- java语言基础入门——内部类的介绍
- 键盘事件keydown、keypress、keyup随笔整理总结
- 拆分List
- python requests 模拟网站登录
- java 提取曲线图数值并导出excel
- Android中activity任务亲和力问题
- 支持泛型AVL Tree的简单实现,并和STL map比较了插入,删除,查找的性能
- 集群环境下文件上传方法与运维(Uploading a File to a Service)