JQuery框架及Ajax技术练习

元素，下列jQuery表达式的写法，正确的是____。

B)$("div:has(p)")

C)$("div:contains(p)")

D)$("p:contains(div)")

34、关于属性过滤选择器，表达式$("div[title=test]")的作用是_____。

A)选取含有title属性的div元素

B)选取title属性包含test的div元素

C)选取属性title为test的div元素

D)选取不包含title属性的div元素

35、如果想要获得包含title属性和id属性的div元素，则jQuery中表达式写法正确的是_____。

A)$("div[id*=title]")

B)$("div[title,id]")

C)$("div[id=title]")

D)$("div[id][title]")

36、想要获得页面中所有的文本框，下列选择器中，合适的有哪一个_____。

A):text

B):input

C):field

D):password

37、有jQuery表达式$("input[name=sex][type=radio]:checked")，该表达式的含义是

_____。

A)获得名字为sex的单选按钮元素

B)获得名字为sex的选中的单选按钮元素

C)获得名字为sex的input标签

D)获得选中的input元素

38、选择器:selected的作用是_____。

A)选取被选中的单选按钮

B)选取被选中的单选按钮和复选框

C)选取被选中的复选框

D)选取列表中所有被选中的选项元素

39、选择器:checked的作用是_____。

A)选取列表中所有被选中的选项元素

B)选取所有被选中的单选按钮和复选框

C)选取被选中的单选按钮

D)选取被选中的复选框

40、jQuery提供了以下方法用于操作CSS类，除了____ ____。

A)toggleClass()

B)addClass()

C)removeClass()

D)isClass()

41、往页面中所有的div元素中追加一个标记作为子节点，下列写法中错误的是______。

A)$("div").append("");

B)$("div").append("input")

C)$("div").append(document.createElement("input"))

D)$("").appendTo("div");

42、下列方法中，哪两个方法用于以兄弟节点的形式完成插入节点操作_____。（选两项）

A)append()

B)prepend()

C)after()

D)before()

43、现有jQuery表达式$("#myDiv").append($("#txt"))，该表达式的作用是______。

A)将页面中id为txt的元素复制后追加在id为myDiv的元素中所有子元素的末尾

B)将页面中id为txt的元素复制后添加在id为myDiv的元素中所有子元素的前面

C)将页面中id为txt的元素剪切然后追加在id为myDiv的元素中所有子元素的末尾

D)将页面中id为txt的元素剪切然后添加在id为myDiv的元素中所有子元素的前面

44、假设整个HTML页面中只有一个div元素：

，在调用语句$("div").after("");后，则页面的文档结构将发生变化，变化后的结果为______。

A)

B)

C)

D)

45、下列哪一个方法用于对元素进行替换操作______。

A)replace()

B)wrap()

C)replaceWith()

D)prepend()

46、下列哪一个方法用于对元素进行复制操作______。

A)copy()

B)clone()

C)replaceWith()

D)wrap()

47、在jQuery中，使用empty()方法删除元素的子元素，关于此方法说法错误的是______。

A)empty()方法在调用时接收两个参数

B)empty()方法的作用为清空元素的子元素

C)empty()方法的功能与将元素的innerHTML属性设置为空类似

D)如果元素下面有多级子元素，则调用empty()方法后都将被清空

48、在jQuery中，想要将页面中id为txt的文本框的长度修改为10，则下列语句中正确的是______。（选两项）

A)$("#txt").prop("size",10);

B)$("#txt").attr("size");

C)$("#txt")[0].size = 10;

D)$("#txt").prop(size,10);

49、在JavaScript中，如果想通过DOM的形式操作元素应用的类样式，则对应的类样式属性名称为______。

A)class

B)className

C)classes

D)Class

50、在jQuery中，假设id为txt的元素同时应用了A、B、C三种类样式，想要将该元素应用的类样式A、B同时删除，则下列写法中正确的是______。

A)$("#txt").removeClass("A B")

B)$("#txt").removeClass("A")

C)$("#txt").removeClass("B")

D)$("#txt").addClass("A B")

51、下列jQuery方法中，哪一个方法用于进行元素类样式的切换操作_____。

A)addClass()

B)toggleClass()

C)removeClass()

D)changeClass()

52、有如下jQuery代码：$("#txt").toggleClass("show");，关于该行代码的说法中正确的是______。

A)为元素添加指定的类名称

B)为元素删除指定的类名称

C)如果该元素已拥有指定类名称，则从元素中删除指定类名称，如果在元素中指定的类名称不存在，则添加指定类名称

D)为元素绑定点击切换事件

53、在jQuery中想要获得id为myDiv的div元素的宽度，则下列写法中正确的是______。

A)$("#myDiv").css(width)

B)$("#myDiv").css({width})

C)$("#myDiv").css("width","500px")

D)$("#myDiv").css("width")

54、jQuery代码$("#myDiv").html("")的作用是____。

A)用于获得元素的文本内容

B)用于获得元素的HTML内容

C)用于设置元素的HTML内容

D)用于设置元素的文本内容

55、在jQuery中，用于获得文本框的值，对应的方法是______。

A)val()

B)html()

C)text()

D)css()

56、jQuery表达式$(":text").val("abc")的作用是______。

A)将页面中所有的文本框获得，接着将第一个文本框的值修改为abc

B)获得页面中所有文本框的值

C)获得页面中第一个文本框的值

D)将页面中所有的文本框的值修改为abc

57、jQuery表达式$(":text").val()的作用是_____。

A)获得页面中所有文本框的值

B)获得页面中第一个文本框的值

C)设置页面中第一个文本框的值

D)设置页面中所有文本框的值

58、jQuery表达式$(":radio[name=grade]").val(["grade2"])的作用是______。

A)将页面中名字为grade的单选按钮的值设置为grade2

B)获得页面中名字为grade的单选按钮组中选中项的值

C)获得页面中名字为grade的单选按钮组，并且让值为grade2的单选按钮选中

D)读取名字为grade2的单选按钮的值

59、下列jQuery方法中，哪几个可以用于事件处理程序的绑定__ ____。（选三项）

A)click()

B)bind()

C)one()

D)unbind()

60、在获得jQuery中的事件对象后，通过该对象的哪个属性获得事件源对象_____。

A)which

B)srcElement

C)target

D)data

61、jQuery事件对象Event的哪一个属性用于获得事件类型______。

A)type

B)eventType

C)keyCode

D)which

62、在jQuery中，想要获得用户按下的键，则对应的事件对象属性为___ _。

A)data

B)keyCode

C)key

D)originalEvent

63、下列jQuery事件中，哪个属于合成事件______。（选两项）

A)hover()

B)click()

C)mouseover()

D)toggle()

64、offset函数的作用是什么？

A)取得当前元素相对于其父元素的偏移

B)取得当前元素相对于其祖先元素的偏移

C)取得当前元素相对于当前window对象的偏移

D)取得当前元素相对于桌面的偏移

65、position函数的作用是什么？

A)取得当前元素相对于其父元素的偏移

B)取得当前元素相对于其祖先元素的偏移

C)取得当前元素相对于其文档元素的偏移

D)取得当前元素相对于其第一个position样式为Absolute或者Relative父元素的偏移兄弟节点

66、show函数所对应的动画效果是？（选2项）

A)创建元素，并显示出来

B)让元素显示出来，无需创建元素

C)可以控制元素创建的速度

D)可以控制元素显示的速度

67、关于动画中控制时间的"fast"关键字是多长时间

A)100毫秒

B)200毫秒

C)300毫秒

D)600毫秒

68、动画的时间控制方面的参数，是以什么为单位

A)秒

B)毫秒

C)分钟

D)小时

69、fadeTo(1000,0.5)是什么意思？

A)表示在一秒内把元素的不透明度从1变到0.5

B)表示在一秒内把元素的不透明度从0变到0.5

C)表示在一秒内把元素的不透明度从当前值变到0.5

D)表示在一秒内把元素的透明度从0变到0.5

70、$("div").animate({top:"+=500px"},5000)，这种写法是什么意思？

A)在5秒内不断增加top属性的值

B)在5秒内不断给top属性赋值为500px

C)在5分钟内不断增加top属性的值

D)在5分钟内不断给top属性赋值为500px

71、停止动画的函数名为什么？

A)pause

B)preventDefault

C)stop

D)Pause

jQuery Ajax 全解析(.ajax .post .get)

jQuery Ajax 全解析【.ajax .post .get】 1. load( url, [data], [callback] ) ：载入远程 HTML 文件代码并插入至 DOM 中。 url (String) : 请求的HTML页的URL地址。 data (Map) : (可选参数) 发送至服务器的 key/value 数据。 callback (Callback) : (可选参数) 请求完成时(不需要是success的)的回调函数。 这个方法默认使用 GET 方式来传递的，如果[data]参数有传递数据进去，就会自动转换为POST方式的。jQuery 1.2 中，可以指定选择符，来筛选载入的 HTML 文档，DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。 这个方法可以很方便的动态加载一些HTML文件，例如表单。 示例代码： $(".ajax.load").load("https://www.sodocs.net/doc/df71897.html,/QLeelulu/archive/2008/03 /30/1130270.html .post", function (responseText, textStatus, XMLHttpRequest){ this;//在这里this指向的是当前的DOM对象，即 $(".ajax.load")[0] //alert(responseText);//请求返回的内容 //alert(textStatus);//请求状态：success，error //alert(XMLHttpRequest);//XMLHttpRequest对象 }); 注：不知道为什么URL写绝对路径在FF下会出错，知道的麻烦告诉下。下面的get()和post()示例使用的是绝对路径，所以在FF下你将会出错并不会看到返回结果。还有get()和post()示例都是跨域调用的，发现传上来后没办法获取结果，所以把运行按钮去掉了。 2. jQuery.get( url, [data], [callback] )：使用GET方式来进行异步请求 参数： url (String) : 发送请求的URL地址.

jquery+ajax

jQuery Ajax 实例全解析 jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。 废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data], [callback] ) ：载入远程HTML 文件代码并插入至DOM 中。 url (String) : 请求的HTML页的URL地址。 data (Map) : (可选参数) 发送至服务器的key/value 数据。 callback (Callback) : (可选参数) 请求完成时(不需要是success的)的回调函数。 这个方法默认使用GET 方式来传递的，如果[data]参数有传递数据进去，就会自动转换为POST方式的。jQuery 1.2 中，可以指定选择符，来筛选载入的HTML 文档，DOM 中将仅插入筛选出的HTML 代码。语法形如"url #some > selector"。 这个方法可以很方便的动态加载一些HTML文件，例如表单。 示例代码： $(".ajax.load").load("https://www.sodocs.net/doc/df71897.html,/yeer/archive/2009/06/10/1500682.html .post", function (responseText, textStatus, XMLHttpRequest){ this;//在这里this指向的是当前的DOM对象，即$(".ajax.load")[0] //alert(responseText);//请求返回的内容 //alert(textStatus);//请求状态：success，error //alert(XMLHttpRequest);//XMLHttpRequest对象 }); 这里将显示结果。 注：不知道为什么URL写绝对路径在FF下会出错，知道的麻烦告诉下。下面的get()和post()示例使用的是绝对路径，所以在FF下你将会出错并不会看到返回结果。还有get()和post()示例都是跨域调用的，发现传上来后没办法获取结果，所以把运行按钮去掉了。

jQuery 5种调用AJax的方法

jQuery 如何调用AJax（五种方法）方法一：load() 使用load方法可以帮助你加载非本地的HTML页面，并注入到当前调用的DOM中。 $.ajaxSetup({ cache: false }); var ajax_load = ""; var loadUrl = "ajax/load.php"; $("#load_button").click(function() { $("#result").html(ajax_load).load(loadUrl);

}); cache: false 的意思是让浏览器不执行缓存功能，这样的话页面的内容将实时更新，否则某些浏览器会出现内容不更新的问题，当点击按钮后，因为加载过程需要时间，所以这里我们先使用.html方法来添加一个”加载中”的图片，然后执行load方法。 高级使用方法： 1. 加载页面某一部分 例如只加载ID为”pic”的部分，代码如下： $("#load_button").click(function() { $("#result").html(ajax_load).load(loadUrl + " #pic"); }); 2. 递交参数执行页面加载

可以给load方法添加GET或者POST参数，代码如下： $("#load_get").click(function() { $("#result").html(ajax_load).load(loadUrl, "page=0&size=10"); }); $("#load_post").click(function() { $("#result").html(ajax_load).load(loadUrl, { page: 0, size: 10 }); }); 3. 添加回调函数 回调函数可以让你在结束AJAX调用后调用该函数，比如在页面load后提示用户加载完毕：

jQuery中的Ajax几种请求方法

jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。 废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data], [callback] ) ：载入远程HTML 文件代码并插入至DOM 中。 url (String) : 请求的HTML页的URL地址。 data (Map) : (可选参数) 发送至服务器的key/value 数据。 callback (Callback) : (可选参数) 请求完成时(不需要是success的)的回调函数。 这个方法默认使用GET 方式来传递的，如果[data]参数有传递数据进去，就会自动转换为POST方式的。jQuery 1.2 中，可以指定选择符，来筛选载入的HTML 文档，DOM 中将仅插入筛选出的HTML 代码。语法形如"url #some > selector"。 这个方法可以很方便的动态加载一些HTML文件，例如表单。 示例代码： $(".ajax.load").load("[url]https://www.sodocs.net/doc/df71897.html,/QLeelulu/archive/2008/03/30/1130270.html[/url] .post", function (responseText, textStatus, XMLHttpRequest){ this;//在这里this指向的是当前的DOM对象，即$(".ajax.load")[0] //alert(responseText);//请求返回的内容 //alert(textStatus);//请求状态：success，error //alert(XMLHttpRequest);//XMLHttpRequest对象 }); 这里将显示结果。 注：不知道为什么URL写绝对路径在FF下会出错，知道的麻烦告诉下。下面的get()和post()示例使用的是绝对路径，所以在FF下你将会出错并不会看到返回结果。还有get()和post()示例都是跨域调用的，发现传上来后没办法获取结果，所以把运行按钮去掉了。 2. jQuery.get( url, [data], [callback] )：使用GET方式来进行异步请求 参数： url (String) : 发送请求的URL地址. data (Map) : (可选) 要发送给服务器的数据，以Key/value 的键值对形式表示，会做为QueryString附加到请求URL中。 callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。 这是一个简单的GET 请求功能以取代复杂$.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用$.ajax。示例代码： $.get("./Ajax.aspx", {Action:"get",Name:"lulu"}, function (data, textStatus){ //返回的 data 可以是 xmlDoc, jsonObj, html, text, 等等. this; // 在这里this指向的是Ajax请求的选项配置信息，请参考下图

jQuery+AJAX+JSON

jQuery 1. 什么是jQuery?? jQuery是一个优秀的JavaScript框架，一个轻量级的JavaScript类库。 jQuery的核心理念是Write less，Do more。 使用jQuery可以兼容各种浏览器，方便的处理HTML、Events、动画效果等，并且方便的为网站提供AJAX交互。 2.jQuery的特点： 利用选择器来查找要操作的节点，然后将这些节点封装成一个jQuery对象，通过调用jQuery对象的方法或者属性来实现对底层被封装的节点的操作。 好处：a、兼容性更好；b、代码更简洁 3.编程步骤： step1、使用选择器查找节点 step2、调用jQuery的属性和方法 4.jQuery对象与DOM对象之间的转换 1. 什么是jQuery对象？？ jQuery对象是jQuery对底层对象的一个封装，只有创建了这个对象，才能使用类库中提供的方法。 2. DOM对象 ----> jQuery对象 DOM对象向jQuery对象的转变很容易，外面追加$和圆括号即可。 function f( ){ var obj = document.getElementById(‘d1’); //DOM -> jQuery对象

var $obj = $(obj); $obj.html(‘hello jQuery’); } 3. jQuery对象 ----> DOM对象 jQuery对象向DOM对象转化，通过调用get方法加参数值0即可$obj.get(0)。 function f( ){ var $obj = $(‘#d1’); //jQuery对象 -> DOM var obj = $(obj).get (0); obj.innerHTML = ‘hello jQuery’; } 5. jQuery选择器 1. 什么是jQuery选择器？？ jQuery选择器是一种类似CSS选择器的特殊说明符号，能够帮助jQuery 定位到要操作的元素上，使用了选择器可以帮助HTML实现内容与行为的分离。只需要在元素上加上Id属性。 2. 选择器的种类 a、基本选择器 #id根据指定的ID匹配一个元素 .class根据指定的类匹配一个元素 element根据的指定的元素名匹配所有的元素

jquery_2.3 Ajax操作新

1.jQueryAjax 编程 1.1. 通过需求回顾Ajax编程 1.1.1.需求：验证用户名是否有效 需求：添加用户名的离焦校验 html代码 JS代码： 服务端代码：

jquery里面Ajax几种不同的调用方法

深圳网站建设 ：https://www.sodocs.net/doc/df71897.html, jquery 里面Ajax 几种不同的调用方法 我们经常会使用ajax 去调用我们的.net 里面的ashx 去实现无刷新调用数据的方法，下面我们就来讲一下我们常用的几种方法。 第一种方法是load 方法，下面是我们的代码 //url.ashx 是调用的地址，data 是返回的信息 $(".div").load("url.ashx", function (data){ //得到的信息 }); //url.ashx 是调用的地址，data 是返回的信息，type 是参数类型，有post ，与get 两种，datatype 是返回参数的类型，id 是传入的参数 第二种方法就是$.ajax 方法，代码如下 $.ajax({ url: "url.ashx", type: "GET", dataType: "json", data: { id: "1" }, success: function (data) { //得到的信息 } }); //url.ashx 是调用的地址，data 是返回的信息，id 是传入的参数 第三种方法就是$.get 方法，代码如下 $.get("url.ashx", { id: "1"}, function (data, textStatus){ //得到的信息 }); //url.ashx 是调用的地址，data 是返回的信息，id 是传入的参数 第四种方法就是$.post 方法，代码如下 $.post("url.ashx", { id: "1"}, function (data, textStatus){ //得到的信息 });

jquery ajax实现跨域请求的方法

这篇文章主要介绍了jquery+ajax实现跨域请求的方法,详细介绍了前台及后台的处理方法,是非常实用的技巧,需要的朋友可以参考下 本文实例讲述了jquery+ajax实现跨域请求的方法。分享给大家供大家参考。具体实现方法如下： 说明：这里的datatype 为jsonp ；type 只能为get 前台请求代码如下： 代码如下: $.ajax({ type: get, url: , datatype: jsonp, jsonp: jsoncallback, success: function (result) { alert(result.success); alert(result.content); }, error: function (result, status) { //处理错误 } }); 后台处理代码validaccountsexists.aspx如下： 代码如下: string accounts = gamerequest.getquerystring(accounts); string jsoncallback = gamerequest.getquerystring(jsoncallback); response.contentencoding =system.text.encoding.utf8; response.contenttype = application/json; response.write(jsoncallback + ({\success\:\true\,\content\:\ + accounts + \})); response.end(); 希望本文所述对大家的jquery程序设计有所帮助。

jQuery调用AJAX异步操作超清晰教程

JQUERY AJAX异步操作详细说明 AJAX 全称 Asynchronous JavaScript and XML（异步的 JavaScript 和XML）。它并非一种新的技术，而是以下几种原有技术的结合体。 1)使用CSS和XHTML来表示。 2)使用DOM模型来交互和动态显示。 3)使用XMLHttpRequest来和服务器进行异步通信。 4)使用javascript来绑定和调用。 通过AJAX异步技术，可以在客户端脚本与web服务器交互数据的过程中使用XMLHttpRequest对象来完成HTTP请求(Request)/应答(Response)模型： 1)不需要用户等待服务端响应。在异步派发XMLHttpRequest请求后控制 权马上就被返回到浏览器。界面不会出现白板，在得到服务器响应之前 还可以友好的给出一个加载提示。 2)不需要重新加载整个页面。为XMLHttpRequest注册一个回调函数，待 服务器响应到达时，触发回调函数，并且传递所需的少量数据。“按需 取数据”也降低了服务器的压力。 3)不需要使用隐藏或内嵌的框架。在XHR对象之前，模拟Ajax通信通常 使用hack手段，如使用隐藏的或内嵌的框架(