JQuery VS JS DOM

JQ断断续续的也用了一阵子了.对我来说确实是个小小的突破。
之前的javascript 简直是 一塌糊涂。。
糊涂到 连:document.getElementById("") 这个语句都不会写。哈哈
这也算是选择JQ的一个理由吧,因为JQ 只需要$("#ID") $(".Class") 就可以了。
还有一个就是 document.getElementById("") 返回的DOM对象 $()返回的是JQ对象
DOM对象是可以直接试用JS中的属性和方法的 比如:

<div id="DomID">Dom Content</div>
<script>
   
var str=document.getElementById("DomID").innerHTML;
   alert(str);
</script>
可以返回 Dom Content

如果用JQ:
<div id="DomID">Dom Content</div>
<script>
    
var str=$("#DomID").text();
    alert(str);
</script>
他们是等效的

如果反过来使用
<div id="DomID">Dom Content</div>
<script>
     
var str=document.getElementById("DomID").text();
     
//或者
      var str=$("#DomID");
</script>
这样都是无法运行的。。因为 牛头没对上马嘴。哈哈

这个问题是前两天在写一个小程序的时候才发现的。。。当然,这只是举例。
实际应用当时也是要获取一个对象的内容,调试了半天 愣是没有弹出(alert(xxx)测试)
后来google了一下,恍然大悟...原来是有区别的。不能乱用。
DOM到JQ的转换: JQ=$(DOM)
DOM.innerHTML=JQ.text();
DOM.属性=JQ.attr("属性")
例:document.ElementByTagName("img").src=JQ.attr("src")
改天要把知道的都整理出来。呵呵。
今天到此结束。

只是为了记录自己 请大家不要骂我哟。

转载于:https://www.cnblogs.com/lano/archive/2009/09/27/1575230.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/550003.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

java设计模式组合模式详解_《JAVA设计模式》之组合模式(Composite)

在阎宏博士的《JAVA与模式》一书中开头是这样描述合成(Composite)模式的&#xff1a;html合成模式属于对象的结构模式&#xff0c;有时又叫作“部分——总体”模式。合成模式将对象组织到树结构中&#xff0c;能够用来描述总体与部分的关系。合成模式可使客户端将单纯元素与复合…

匹配嵌套的构造(较复杂)

如果还不明白正则表达式中(?:)的使用&#xff0c;请看&#xff1a;http://www.knowsky.com/297.html正则表达式的终极能力 - 递归 今天在QQ问liuzhi如何写一个匹配递归式的正则表达式时&#xff0c;没想到那家伙居然就回答“递归消除”&#xff0c;让我去看编译原理的书。&am…

XAF Excel数据导入模块使用说明与源码

我实现了XAF项目中Excel数据的导入&#xff0c;使用Devexpress 新出的spreadsheet控件&#xff0c;可能也不新了吧:D 好&#xff0c;先看一下效果图&#xff1a;下图是Web版本的。 下面是win版&#xff1a; 功能说明&#xff1a; 支持从Excel任意版本导入数据&#xff0c;可以使…

ASP注入漏洞基础教程(二)

进 阶 篇 在入门篇&#xff0c;我们学会了&#xff33;&#xff31;&#xff2c;注入的判断方法&#xff0c;但真正要拿到网站的保密内容&#xff0c;是远远不够的。接下来&#xff0c;我们就继续学习如何从数据库中获取想要获得的内容&#xff0c;首先&#xff0c;我们先看看&…

java日期用什么属性_java日期以及使用Java反射机制遍历实体类的属性和类型

fmt:formatDate 的输出格式 fmt关于时间格式的输出2004-5-31 23:59:592004-4-123:59:59JSTL标签fmt:formatDate引起的中文乱码问题解决方案解决方法&#xff1a;在后面写上一句&#xff1a;**************************************************Field[] fieldsIssue.class.getDe…

linux 内存清理/释放命令

1.清理前内存使用情况 free -m2.开始清理 echo 1 > /proc/sys/vm/drop_caches3.清理后内存使用情况 free -m4.完成!查看内存条数命令&#xff1a; dmidecode | grep -A16 "Memory Device$" # sync# echo 1 > /proc/sys/vm/drop_caches echo 2 > /proc/sys…

dotnet程序优化心得(三)

&#xff08;4&#xff09;继续优化――用空间换取时间 现在对每一个字符&#xff0c;都要用get_Item(object key)方法过一遍&#xff0c;可这个乖乖方法那么长&#xff0c;肯定太耗时间了&#xff0c;能不能用更简单的手段呢&#xff1f;改Hashtable&#xff1f;哇&#xff0c…

java网页解析包_java 网页解析工具包 Jsoup

Jsoup是一个非常好的解析网页的包&#xff0c;用java开发的&#xff0c;提供了类似DOM&#xff0c;CSS选择器的方式来查找和提取文档中的内容。相关资料如下&#xff1a;今天做了一个Jsoup解析网站的项目&#xff0c;使用Jsoup.connect(url).get()连接某网站时偶尔会出现java.n…

C++/CLI思辨录之传递托管堆地址

新的C特点平衡了把托管堆的地址传递到非托管代码的能力。早期我们遇到的最大问题是&#xff0c;在托管堆中的对象的位置是非静态的。垃圾收集器以变化的时间间隔移动对象。现在新的pin_ptr(别针型指针)的引入禁止垃圾收集器改变在堆上的对象的地址。下面代码展示了别针型指针的…

【Mininet】Mininet使用源码安装

实验参考&#xff1a; Mininet使用源码安装 实验步骤&#xff1a; 1. 更新软件&#xff08;用#sudo apt-get update与#sudo apt-get upgrade&#xff09;。 2. 从github上获取mininet源码&#xff08;#git clone git://github.com/mininet/mininet&#xff09;。 3. 获取完后&a…

java比较字符能用等于号码_Java字符串比较,==,等于,匹配,compareTo()之间的差异。...

的equals()方法将此字符串与指定的对象进行比较。当且仅当参数不为null并且是一个String对象&#xff0c;表示与此对象相同的字符序列时&#xff0c;结果为true。示例public class Sample{public static void main(String []args){String s1 "nhooo";String s2 &qu…

[SQL Server]用于压力测试和性能分析的两个支持实用工具[转]

微软有两个不提供支持服务的SQL Server压力测试和性能分析工具。具体看微软知识库&#xff1a;http://support.microsoft.com/?kbid887057 分别是&#xff1a;Read80Trace utility 和 OSTRESS utility 它们的下载地址请参看&#xff1a; http://www.microsoft.com/downloads…

【Mininet】Mininet可视化应用

实验参考&#xff1a; Mininet可视化应用 实验步骤&#xff1a; 1. 用命令启动mininet可视化界面&#xff08;#cd mininet/mininet/example #./miniedit.py&#xff09;&#xff0c;同时开启另一终端打开Opendaylight。 2. 用鼠标选择左侧的对应的网络组件&#xff0c;然后在空…

java 队列复制_复制一个文件夹里的文件到另一个目录下 (使用队列的方法实现)...

最近在由于准备实习&#xff0c;在学android&#xff0c;也会用到Java&#xff0c;所以想实现复制文件夹的功能&#xff0c;当然也参考了别人的代码。这里是我参考的网址&#xff1a;http://blog.csdn.net/etzmico/article/details/7786525/我发这个文章的主要目的是为了永久性…

【Mininet】Mininet命令延伸实验扩展

实验参考&#xff1a; Mininet命令延伸实验扩展 实验步骤&#xff1a; 1.用命令实现 #sudo mn --topo minimal #最小的网络拓扑&#xff0c;一个交换机下挂两个主机。 #sudo mn --topo linear,4 #每个交换机连接一个主机&#xff0c;交换机间相连接。本例&#xff1a;4个主机&a…

asp.net里导出excel表方法汇总

1、由dataset生成 public void CreateExcel(DataSet ds,string typeid,string FileName) { HttpResponse resp; resp Page.Response; resp.ContentEncoding System.Text.Encoding.GetEncoding("GB2312"); resp.AppendHeader("Content-Disposition", &quo…

java非检查性异常有哪些_Java异常处理-检查性异常、非检查性异常、Error

一、Java异常处理详解异常.png目录&#xff1a;1.java中异常的分类1.1 异常(Exception)1.1.1 运行时异常(RuntimeException)可以不需要捕获1.1.2 编译异常(IOException)编译器会提示要捕获&#xff0c;如果不进行捕获则编译器会报错1.2 错误(Error)3.java处理异常机制4.throw和…

【Mininet】基于Mininet测量路径的损耗率

实验参考&#xff1a; 基于Mininet测量路径的损耗率 SDN常用控制器安装部署之POX篇 实验步骤&#xff1a; 1. 在装有mininet的虚拟机中新建文件mymininet.py并编辑以下内容&#xff0c;这里要注意一点&#xff0c;文中的dp0与dp1须填POX安装的虚拟机的地址&#xff0c;由于本次…

HTML 标记一览

标记 类型 名称或意义 作用 备注文件标记<HTML> ● 文件宣告 让浏览器知道这是 HTML 文件 <HEAD> ● 开头 提供文件整体信息 <TITLE> ● 标题 定义文件标题&#xff0c;将显示于浏览器顶端 <BODY> ● 主体 设计文件格式及内容所在 排版标记<!--注解…

【Mininet】Mininet设置带宽之简单性能测试

实验参考&#xff1a; Mininet设置带宽之简单性能测试 实验步骤&#xff1a; 1. 进入mininet/custom目录下&#xff0c;通过vi mymininet1.py创建脚本并添加内容&#xff08;本实验通过python脚本自定义拓扑&#xff0c;创建包含一个交换机、四个主机的网络拓扑&#xff09;&am…