【jQuery 源码解析(二十五) DOM操作模块 html和text方法的区别】教程文章相关的互联网学习教程文章

jQuery工作原理解析以及源代码示例【代码】

jQuery的开篇声明里有一段非常重要的话:jQuery是为了改变javascript的编码方式而设计的.从这段话可以看出jQuery本身并不是UI组件库或其他的一般AJAX类库.jQuery改变javascript编码方式!那么它是如何实现它的声明的呢?这里,用以下的一段简短的使用流程:1)查找(创建)jQuery对象:$(”selector”);2)调用jQuery对象的方法完成我们需要完成的工作:$(”selector”).doOurWork();ok,jQuery就是以这种可以说是最简单的编码逻辑来改变javasc...

jQuery 源码解析(二十五) DOM操作模块 html和text方法的区别【代码】【图】

html和text都可以获取和修改DOM节点里的内容,方法如下:html(value) ;获取匹配元素集合中的一个元素的innerHTML内容,或者设置每个元素的innerHTML内容, ;value可选,可以是html代码或返回html代码的函数,如果没有参数则获取匹配元素集合中第一个元素的innerHTML内容text(text) ;获取匹配元素集合中所有元素合并后的文本内容,或者设置每个元素的文本内容,封装了createTextNode方法 writer by:大沙漠...

jQuery异步提交与JSON解析

<script type="text/javascript"> function btn_praise(txtTypeId) { var txtRowGuidMain = $("#hide_RowGuidMain").val(); var txtUserId = $("#hide_UserId").val(); if (txtRowGuidMain == ‘‘ || txtUserId == ‘‘) { alert(‘对不起,操作失败!‘); } else { $.ajax({ type: "POST", //用POST方式传输 url: ‘../AddPriseHand...

Jquery的$命名冲突详细解析【代码】

在Jquery中,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替换,如$(‘#msg‘)等同于JQuery(‘#msg‘)的写法。然而,当我们引入多个js库后,在另外一个js库中也定义了$符号的话,那么我们在使用$符号时就发生了冲突。下面以引入两个库文件jquery.js和prototype.js为例来进行说明:第一种情况jquery.js在prototype.js之后进行引入,如: <script src="prototype.js" type="text/javascript"/><script src="jquery.js" t...

jQuery 源码解析(二十八) 样式操作模块 scrollLeft和scrollTop详解【代码】【图】

scrollLeft和scrollTop用于获取/设置滚动条的,如下:scrollLeft(val)  ;读取或设置整个页面的水平滚动条距离scrollTop(val)  ;读取或设置整个页面的垂直滚动条距离如果没有传入val值则获取滚动条距离,如果有设置val则标识设置滚动条距离,还是举个栗子,以scrollTop为例,如下:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script src="http://libs.baidu.com/jquery/1.7.1/jquery.m...

jQuery插件开发全解析【代码】

jQuery插件的开发包括两种:一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数,将函数定义于jQuery的命名空间中。...

JQUERY解析XML IE8的兼容问题

var str="xml字符串";alert($(str).find("Row").attr("Id"));在IE8下,这段脚本无法运行,,而在IE9以上的版是正常的 IE8浏览器只能强制把字符串转成XML ajaxfxml = new ActiveXObject("Microsoft.XMLDOM"); ajaxfxml.async = false; ajaxfxml.loadXML(str);alert($(str).find("Row").attr("Id")); 好吧,,现在是2014-03-13 03:20:26 ,,在客户的电脑折腾了半天,,,没有js经验的程序员伤不...

jQuery中数据缓存$.data的用法及源码完全解析

一、实现原理: 对于DOM元素,通过分配一个唯一的关联id把DOM元素和该DOM元素的数据缓存对象关联起来,关联id被附加到以jQuery.expando的值命名的属性上,数据存储在全局缓存对象jQuery.cache中。在读取、设置、移除数据时,将通过关联id从全局缓存对象jQuery.cache中找到关联的数据缓存对象,然后在数据缓存对象上执行读取、设置、移除操作。 对于Javascript对象,数据则直接存储在该Javascript对象的属性jQuery.expando上。在读取...

解析jquery中的ajax缓存问题_jquery

jquery的ajax请求默认请求cache是true 也就是开启的,dataType为script和jsonp时默认为false。现在我要在浏览器里读取缓存,因为ajax请求的数据很大,请求一次就够了。但是问题来了,在FF里面,是没有ajax缓存的,也就是每次都会触发ajax请求,这点和IE不一样。所以在这里就得注意,做个判断,阻止触发ajax事件。 代码如下:function ajax_show(apartId,roomClass,sortTile){ HX_THIS_FANGXING_NUM=sortTile; hux...

解析jquery中的ajax缓存问题

jquery的ajax请求默认请求cache是true 也就是开启的,dataType为script和jsonp时默认为false。现在我要在浏览器里读取缓存,因为ajax请求的数据很大,请求一次就够了。但是问题来了,在FF里面,是没有ajax缓存的,也就是每次都会触发ajax请求,这点和IE不一样。所以在这里就得注意,做个判断,阻止触发ajax事件。 代码如下:function ajax_show(apartId,roomClass,sortTile){ HX_THIS_FANGXING_NUM=sortTile; hux...

jQuery中数据缓存$.data的用法及源码完全解析_jquery

一、实现原理: 对于DOM元素,通过分配一个唯一的关联id把DOM元素和该DOM元素的数据缓存对象关联起来,关联id被附加到以jQuery.expando的值命名的属性上,数据存储在全局缓存对象jQuery.cache中。在读取、设置、移除数据时,将通过关联id从全局缓存对象jQuery.cache中找到关联的数据缓存对象,然后在数据缓存对象上执行读取、设置、移除操作。 对于Javascript对象,数据则直接存储在该Javascript对象的属性jQuery.expando上。在读取...

jquery.cookie用法详细解析

Cookie是由服务器端生成,发送给User-Agent(一般是浏览器),浏览器会将Cookie的key/value保存到某个目录下的文本文件内,下次请求同一网站时就发送该Cookie给服务器(前提是浏览器设置为启用cookie)。 例如购物网站存储用户曾经浏览过的产品列表,或者门户网站记住用户喜欢选择浏览哪类新闻。 在用户允许的情况下,还可以存储用户的登录信息,使得用户在访问网站时不必每次都键入这些信息? 怎么在js/jquery中操作处理cookie那?...

jquery中ajax应用之get()与post()的实例解析

jquery中ajax应用——get()和post()get和post发送数据的方式不同,但是在jquery的ajax中这种区别对用户不可见。get传输的数据大小有限制,get请求的数据会被浏览器缓存,两种方式在服务器端的接收不同。get() jquery中的get函数形式为$.get(URL,data,callback,type);代码如下:$.get("web.jsp",{name:"name1", //get方法中的数据不仅可以是映射方法,也可以是"name=name1&age=12"的字符...

jQuery探测位置的提示弹窗(toolTip box)详细解析

这里我用jQuery做了个提示弹窗的js,并做了个小demo,简单总结下: 方位 根据当前鼠标所处的位置不同,箭头所指向的方向也不同: 左上方(left-top)(缺省)、左下方(left-bottom)、右上方(right-top)、右下方(right-bottom)、上左方(top-left)、上右方(top-right)、下左方(bottom-left)、下右方(bottom-right) 优先级 以上各种情况优先级依次降低 探测思路 探测基本思路是: 首先,也是前提条件,判断容器的高或宽是...

jQuery中.live()方法的用法深入解析

给jquery动态生成的页面元素添加事件?使用livequery插件,或可以使用jquery的live方法。摘录一段live简单使用方法。 更多详情还见官网 http://api.jquery.com/live/ live(type, [data],fn) 概述 jQuery给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的也有效。 这个方法是基本是的 .bind() 方法的一个变体。使用 .bind()时,选择器匹配的元素会附加一个事件处理函数,而以后再添加的元素则不会有。为此需要...

模块 - 相关标签