- 浏览: 2271024 次
- 性别:
- 来自: 成都
文章分类
- 全部博客 (357)
- J2EE (49)
- JavaScript (40)
- Spring (19)
- Struts (5)
- CSS (8)
- Hibernate (16)
- Java (67)
- DWR (4)
- JSON (3)
- XFIRE (1)
- Tomcat (1)
- Ant (2)
- 设计模式 (2)
- 经典收藏 (2)
- JSP (10)
- Linux (0)
- WebLogic (11)
- myeclipse (13)
- Buffalo (4)
- 文件上传相关 (1)
- oracle (33)
- html (6)
- JSTL (3)
- SVN (2)
- GIT (1)
- 孙卫琴(Java网络编程精解) (1)
- DOM4J (2)
- Swing (1)
- AJAX (1)
- Eclipse (5)
- 日志组件 (3)
- PowerDesigner (1)
- Jquery (22)
- IT技术开发相关网址 (1)
- Nutz (1)
- 其它 (1)
- Velocity (3)
- WebService (1)
- MySql (2)
- Android (1)
- Maven (2)
- Quartz (11)
- Lucene (1)
- springsource (1)
- Junit (1)
- Activiti (0)
最新评论
-
yzlseu:
拼凑,没有营养
Activiti进阶—分配组任务 -
zhangsenhao:
非常赞!代码很清楚
SpringMVC3.0+MyIbatis3.0(分页示例) -
xiamw2000:
分页写得不对,应该是 : order by ${orderNa ...
SpringMVC3.0+MyIbatis3.0(分页示例) -
sheertewtw:
...
SpringMVC:上传与下载 -
kingtoon:
...
XSS之xssprotect
参考资料
1 跳蚤的小窝:)jQuery对象和DOM对象【jQuery开发注意点(一)】
http://www.blogjava.net/jy00314996/archive/2009/02/17/255083.html
2 浅谈jQuery
http://www.7lemon.net/2011/04/jquery-at-a-glance.html
jQuery对象和DOM对象是二个不同的概念,这二者之间方法不能共用!
1 DOM对象转成jQuery对象
只需要通过$()来包装DOM对象就可以了
2.jQuery对象转成DOM对象:
首先先要明白的是jQuery是一个数组,所以转换为DOM对象有二种方法:[index]和.get(index);
示例1如下:
示例2如下:
1 跳蚤的小窝:)jQuery对象和DOM对象【jQuery开发注意点(一)】
http://www.blogjava.net/jy00314996/archive/2009/02/17/255083.html
2 浅谈jQuery
http://www.7lemon.net/2011/04/jquery-at-a-glance.html
jQuery对象和DOM对象是二个不同的概念,这二者之间方法不能共用!
1 DOM对象转成jQuery对象
只需要通过$()来包装DOM对象就可以了
2.jQuery对象转成DOM对象:
首先先要明白的是jQuery是一个数组,所以转换为DOM对象有二种方法:[index]和.get(index);
示例1如下:
//等待dom元素加载完毕. $(document).ready(function(){ var domObj = document.getElementsByTagName("h3")[0]; // Dom对象 var $jQueryObj = $(domObj); //jQuery对象 alert("DOM对象:"+domObj.innerHTML); alert("jQuery对象:"+$jQueryObj.html()); });
<h3>例子</h3>
示例2如下:
$(function(){ //把jQuery对象转换为DOM对象 /* var $li = $("li"); //返回jQuery对象 //var li =$li[0]; //返回DOM对象 var li =$li.get(0); //返回DOM对象 alert(li.innerHTML); */ //把DOM对象转换为jQuery对象 var li = document.getElementsByTagName("li"); //获取所有li元素 var $li = $(li[0]); //把第一个li元素封装为jQuery对象 alert($li.html()); //调用jQuery对象的方法 $('ul').append($('<li>new item</li>')); }); $(function(){ $('ul').css('color','red'); });
<h1>标准DOM</h1> <p>这是一份简单的<strong>文档对象模型</strong></p> <ul> <li>D表示文档,DOM的物质基础</li> <li>O表示对象,DOM的思想基础</li> <li>M表示模型,DOM的方法基础</li> </ul>
发表评论
-
java json-lib & jQuery & jsonp
2016-06-30 11:31 771参考链接: 1、http://hanqunfeng.iteye ... -
JavaScript异步编程学习
2016-06-19 14:59 748一 JavaScript学习资源 1、Reg Braithwa ... -
jQuery图表(jqPlot,Highcharts)
2012-05-18 00:48 23508jQuery图表在http://www.oschina.net ... -
JavaScript中的arguments,callee,caller,call,appy [备忘]
2012-05-08 23:13 1562转载:JavaScript中的argume ... -
IE,FF获取文件绝对路径方法
2012-03-25 23:30 4939参考资料 1 解决Firefox3,IE7,IE8上传图片预览 ... -
jQuery之Ztree
2011-10-19 17:14 17538参考资料 1 spring+struts2+hibernate ... -
jQuery之弹出层(用于提示)
2011-10-19 10:26 2253参考了权威指南的部分代码 实现效果:单击按钮显示层,在单击就 ... -
jQuery之get(txt,xml,json二点注意事项)
2011-10-18 14:42 5656参考资料 1 jQuery ajax - get() 方法 h ... -
jQuery之load
2011-10-17 15:33 7702参考资料 1 jQuery ajax - load() 方法 ... -
My97DatePicker常用练习
2011-09-15 17:03 5082参考官网资料:http://www.m ... -
jQuery之ID选择器
2011-08-23 15:25 9852参考资料 强烈推荐:张子秋 从零开始学习jQuery (二) ... -
jQuery之effect(效果)
2011-08-23 14:59 2556参考资料 从零开始学习jQuery (7) jQuery动画- ... -
jQuery之css
2011-08-23 13:54 1579jQuery W3C文档 http://www.w3schoo ... -
jQuery之select
2011-08-22 16:39 2297话不多说,详见代码吧 网页代码 <div style ... -
jQuery之实战(checkbox,table)
2011-08-19 16:22 3768实现功能如下:参考图片 1 页面加载时效果 2 全选效果 ... -
jQuery之table(隔行变色)
2011-08-19 15:52 2739页面代码如下: <table style=&quo ... -
jQuery之checkbox(复选框)
2011-08-18 17:06 2057业务需求:经常在用户登记中有这样的东西,只选择其中一项或者多项 ... -
jQuery之radio(单选)
2011-08-18 15:41 2424页面代码如下: <inpu ... -
jQuery之get(val,text,html)
2011-08-18 14:53 5982参考资料 1 jquery中,html、val与text三者属 ... -
jQuery之ID选择器
2011-08-18 13:58 16参考资料 强烈推荐:张子秋 从零开始学习jQuery (二) ...
相关推荐
JQuery DoM和ajax 操作大全源码
主要介绍了jQuery之DOM对象和jQuery对象的转换与区别分析,对比分析了DOM对象和jQuery对象的原理与用法,具有一定参考借鉴价值,需要的朋友可以参考下
jquery的dom资料,学习jquery的使用,以及jquery的dom资料,学习jquery的使用,以及jquery的dom资料,学习jquery的使用,以及
不要分! Jquery 炒作Dom 请亲们收藏!
jQuery操作DOM解析
Ch08-jQuery操作DOM核心笔记.txtCh08-jQuery操作DOM核心笔记.txt Ch08-jQuery操作DOM核心笔记.txtCh08-jQuery操作DOM核心笔记.txt Ch08-jQuery操作DOM核心笔记.txt
Jsoup HTML解析器For Java 在Java程序中使用JQuery操作DOM 模式识别的新技术 狂顶
jquery 基本 层级 控制器 可见性 属性 子元素 表单对象属性 dom对象 等详细的一些操作~ 详细 简单~易懂 实用!
《jQuery权威指南》学习笔记之第3章 jQuery操作DOM
jquery.DOMWindow弹出层与TAB切换实例汇总,jquery.DOMWindow.js是浮动弹出框的核心部件,本插件的弹出框有多种形式,比如它可以弹出不带边框的、带有淡入淡出特效的、各种颜色的背景浮动框、弹出后背景会变暗的浮动...
jQuery DOM节点操作源码,适合初学者哦,可以下载下来作为参考资料的。
教程文件 jQuery是一个了不起的轻量级的JavaScript框架,事实上在jQuery发布之前,就已经有无数功能强大得多的JavaScript框架在流行。jQuery的口号是“write less, do more”。(选择器,dom操作,jquery-ajax)
本文实例讲述了JQuery查找DOM节点的方法。分享给大家供大家参考。具体分析如下: DOM操作是JQuery最常见的用法,下面我们来将JQuery的DOM操作逐个剖析下。先来最简单的查找节点操作。 为了能全面地讲解DOM操作,首先...
jquery学习资料jQuery DOM的操作jQuery插件源码jQuery插件等资料: jQuery DOM教辅.pdf jQuery DOM源码 jQuery DOM的操作.pdf jQuery 丰富的插件.pdf jQuery 事件的处理.pdf jQuery 元素选择器参考手册(教辅) .pdf ...
jQuery基础DOM和CSS操作源码,适合初学者哦,可以下载下来作为参考资料的。
jquery css-domjquery css-domjquery css-dom
主要介绍了JQuery插入DOM节点的方法,实例分析了jQuery实现DOM结点插入所涉及的常见函数使用技巧,需要的朋友可以参考下
利用面向对象 管理者模式思想 结合jquery 操作DOM树制作的植物大战僵尸
第17周-第02章节-Python3.5-jQuery 和Dom关系及jQuery版本.avi