【深度解析jquery中的核心功能】教程文章相关的互联网学习教程文章

jquery解析XML字符串和XML文件的方法说明

1、读取XML字符串:例如: 代码如下:$(document).ready(function(){ var xml = "<xml><root><record><name>liubl</name></record><record><name>chencp</name</record></root></xml>";//var xml="<table><tr><td>100<td></tr></table>"; //也可直接识别Tablevar obj = $(xml).find("record"); });注意:一定要在外面包一层xml,这样jquery才能被识别,并且xml中还需要有一个根节点即root或其它可自定义。 2、读取XML文件例如: 代...

jquery.Ajax()方法调用Asp.Net后台的方法解析

利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法。先来个简单的实例热热身吧。 1、无参数的方法调用asp.net code: 代码如下:using System.Web.Script.Services; [WebMethod] public static string SayHello() { return "Hello Ajax!"; } using System.Web.Script.Services; [WebMethod]public static string SayHello(){ return "Hello Ajax!";} 注意:1.方法一定要静态方法,而且要有[WebMethod]的声...

Jquery Ajax解析XML数据(同步及异步调用)简单实例

代码如下:$.ajax({ async: true, // 默认true(异步请求) cache: true, // 默认true,设置为 false 将不会从浏览器缓存中加载请求信息。 type: "POST", // 默认:GET 请求方式:[POST/GET] dataType: "xml", //默认["xml"/"html"] 返回数据类型:["xml" / "html" / "script" / "json" / "jsonp"] url: "Test.ashx", // 默认当前地址,发送请求的地址 ...

jquery 删除字符串最后一个字符的方法解析

字符串:var s = "1,2,3,4,5," 目标:删除最后一个 "," 方法:s=s.substring(0,s.Length-1); 字符串:var s2 = "img/upload/123.jpg" 目标:获取文件名(不包含后缀名) 方法:s2=s2.substring(s2.lastIndexOf(/)+1, s2.lastIndexOf(.));

jQuery中delegate和on的用法与区别详细解析

在jQuery1.7中 .delegate()已被.on()取代。对于早期版本,它仍然使用事件委托的最有效手段。在事件绑定和委派,delegate()和on在一般情况下,这两种方法是等效的。 .delegate() 指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。 代码如下:// jQuery 1.4.3+$( elements ).delegate( selector, events, data, handler );// jQuery 1.7+$( elements ).on( events, [selector], data,...

解析jQuery的三种bind/One/Live事件绑定使用方法

jQuery是 一款优秀的JavaScript框架,在旧版里主要用bind()方法,在新版里又多了两种One(),Live(),下面介绍这几种方法的使用: 1. bind/Unbind在jquery的事件模型中,有两个基本的事件绑 定函数,bind与unbind,这两个函数的含义就是匹配页面元素进行相关事件的处理。比如我们在JS中经常使用到的 onfocus,onblur,onmouseover,onmousedown等事件都可以作为bind的参数进行传递。 $("#id").bind(click,function(){alert(tt!)}); 其...

jQuery中bind,live,delegate与one方法的用法及区别解析

bind( )方法用于将一个处理程序附加到每个匹配元素的事件上并返回jQuery对象。 .bind(eventType[, evnetData], Handler(eventObject)) 其中,参数eventType是一个字符串,包含一个或多个javaScript事件类型,例如click,submit或自定义事件的名称,指定多个事件类型时用空格分隔各个类型;eventData为Map类型,给出要传递给事件处理程序的数据,handler指定触发该事件时要执行的函数,eventObject表示事件对象。 .bind()方法将事件...

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" type="tex...

Jquery解析json数据详解

最近被jquery折磨了一番,倒腾了一个jquery解析json的demo,本demo想实现从asp.net后台实例化dataSet或者dataTable数据集,将dataSet转换成json并返回给客户端,客户端用jquery getJson方法解析出来并显示在页面上。 首先简单介绍一下getJson方法 Jquery.getJson(url,[data],[callback]) url:发送请求地址。data:待发送 Key/value 参数。callback:载入成功时回调函数。 下面是实战getJson方法 首先 创建一个辅助类,用于将dataset数...

JQUERY dialog的用法详细解析

今天用到了客户端的对话框,把 jQuery UI 中的对话框学习了一下。 准备 jQuery 环境 首先,我们创建一个按钮,点击这个按钮的时候,将会弹出一个对话框。 <input type="button" value="删除" id="btn" /> 为了设置这个按钮点击的事件,需要准备 jQuery 的环境。 <script type="text/javascript" src="scripts/jquery-1.4.2.js"></script> 在 ready 中设置按钮的点击事件。 代码如下: $(function() { // 初始化 $("#btn").cli...

jQuery.event兼容各浏览器的event详细解析

介绍之前先介绍jQuery的一个方法 jQuery.event.fix(event || window.event); 此方法个浏览器的event对象转换为 jQuery.event; 如果您的事件是通过jQuery方法绑定的,就不需要进行转换了! jQuery在遵循W3C规范的情况下,对事件的常用属性进行了封装,使得事件处理在各大浏览器下都可以正常的运行而不需要进行浏览器类型判断。 1.event.type属性该方法作用是可以获取到时间的类型 代码如下:$("a").click(function(event){ alert(...

jquery遍历筛选数组的几种方法和遍历解析json对象

jquery grep()筛选遍历数组 代码如下:$().ready( function(){ var array = [1,2,3,4,5,6,7,8,9]; var filterarray = $.grep(array,function(value){ return value > 5;//筛选出大于5的 }); for(var i=0;i<filterarray.length;i++){ alert(filterarray[i]); } for (key in filterarray){ alert(filterarray[key]); } } ); jquery each()筛选遍历数组 代码如下:$().ready( function(){ var anObject = {one:1,two:2,three:3};//对...

解析prototype,JQuery中跳出each循环的方法

代码如下:function chk(){ var flag=true; var msg=; var tips={username:姓名,tel:电话,company:公司名称,loupan_name:楼盘名,sdate:团购时间,content_1:团购内容}; $$(.required).each(function(el){ if($F(el).blank()){ msg+=请输入+tips[$(el).readAttribute(id)]+!\n\n; flag=false; throw $break; } } return flag...

jquery中的过滤操作详细解析

1.过滤 Filtering名称 说明 举例eq( index ) 获取第N个元素 获取匹配的第二个元素: $("p").eq(1)filter( expr )筛选出与指定表达式匹配的元素集合。 保留带有select类的元素: $("p").filter(".selected")filter( fn )筛选出与指定函数返回值匹配的元素集合 这个函数内部将对每个对象计算一次 (正如 $.each). 如果调用的函数返回false则这个元素被删除,否则就会保留。 保留子元素中不含有ol的元素: $("div").filter(function(inde...

Jquery中children与find之间的区别详细解析

首先看一段HTML代码,如下: 代码如下:<table id="tb"> <tr> <td>0</td> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> <td>5</td> </tr> </table>如果我要获取第二个tr里的第二个td的值: Children: 代码如下:$("#tb>tbody").children("tr:eq(1) td:eq(1)").html()Find ...

功能 - 相关标签