JavaScript和Ajax部分(4)

摘要:
悬停()方法用于模拟光标悬停事件。Jquery对象可以与dom对象38转换。jQuery对象和dom对象如何转换?如果需要设置beforeEnd、error、success和complete回调函数,我将使用$。此时为ajax()40。美元之间有什么区别吗。get()提交和$。post()在jQuery中提交?3) get方法传输的数据大小不能超过2KB,而POST方法的大小要大得多。4) GET方法请求的数据将由浏览器缓存,因此存在安全问题。

31、 什么是jQuery选择器

1)jQuery选择器继承了CSS与Path语言的部分语法,允许通过标签名、属性名或内容对DOM元素进行快速、准确的选择,而不必担心浏览器的兼容性,通过jQuery选择器对页面的元素的精准定位,才能完成元素属性和行为的处理。 

选择器是jQuery的根基,在jQuery中,对象的事件处理,遍历DOM和Ajax操作都依赖于选择器 

2)jQuery选择器的优点:

简洁的写法

完善的事件处理机制

支持CSS1到CSS3选择器

32、 jQuery选择器的种类

1).基本选择器

基本选择器是jQuery中最常见的选择器,也是最简单的选择器,它通过元素id,class和标记名来查找DOM元素

2).层次选择器

如果想通过DOM元素之间的层次关系来获取特定元素,就需要使用层次选择器

3).过滤器选择器

过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素,该选择器都以“:”开头,过滤选择器又分以下几种

4).表单选择器

表单选择器主要是通过所选择的表单元素进行过滤

5).属性选择器

属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素

7).内容过滤器选择器

内容过滤选择器的过滤规则主要体现在它所包含的子元素和和文本内容上

8).可见性过滤选择器

可见性过滤选择器是根据元素的可见和不可见状态来选择相应的元素

33、 jQuery中的选择器 和 css中的选择器有区别吗?

答:jQuery选择器支持CSS里的选择器,jQuery选择器可用来添加样式和添加相应的为CSS 中的选择器是只能添加相应的样式。

34、 siblings() 方法 和 $('prev~div')选择器是一样的嘛?

: $('prev~div') 只能选择'#prev'元素后面的同辈<div>元素而siblings()方法与前后的位置无关,只要是同辈节点就都能匹配。

35、 jQuery中的hover()和toggle()有什么区别?

答: hover()和toggle()都是jQuery中两个合成事件。

hover()方法用于模拟光标悬停事件。

toggle()方法是连续点击事件。

36、 $("#msg").text()和 $("#msg").text("<b>new content</b>")有什么区别?
$("#msg").html()及$("#msg").html("<b>new content</b>")的区别呢?

答:$("#msg").text() 是 返回id为msg的元素节点的文本内容

$("#msg").text("<b>new content</b>"); 是 将“<b>new content</b>” 作为普通文本串写入id为msg的元素节点内容中,页面直接显示“<b>new content</b>”,text()方法HTML和XML文档都有效

$("#msg").html()则是取得id为msg的元素节点html内容。这个函数不能用于XML文档。但可以用于XHTML文档

$("#msg").html("<b>new content</b>"),是将“<b>new content</b>”作为HTML内容写入id为msg的元素节点内容中,页面直接显示粗体new content”内容

37、 Jquery对象和dom对象的区别

Jquery对象才能调用jquery中特有的方法。例如jqueryObj.html()、jqueryObj.val()等方法,而不能使用dom对象特有的属性和方法,例如domObj.value,domObj.innerHTML等。

Jquery对象可以和dom对象相互转化

38、 jQuery对象和dom对象是怎样转换的?

1.jQuery转DOM对象:

1)jQuery 对象是一个数组对象,可以通过[index]的方式得到相应的DOM对象,例如页面有个id为myDiv的DIV对象,可以使用var domObj = $(“#myDiv”)[0]这种方式来获取该DIV对应的dom对象

2)通过get(index)去得到相应的DOM对象,var domObj = $(“#myDiv”).get(0);

2.DOM对象转jQuery对象:

直接使用$(DOM对象)来转换,示例代码:

var  domObj = document.getElementById(“myDiv”);

var  jQueryObj = $(domObj);

$()就相当于一个jquery对象的构造函数

39、 你是如何使用jQuery中的ajax的?

: 如果是一些常规的ajax程序的话,使用$.load(),$.get(),$.post(),就可以搞定了,

一般我会使用的是$.get() 方法。

如果需要设定beforeSend(提交前回调函数),error(失败后处理),success(成功后处理)

complete(请求完成后处理)回调函数等,这个时候我会使用$.ajax()

40、 jQuery中$.get()提交和$.post()提交有区别吗?

1)$.get() 方法使用GET方法来进行异步请求的,$.post() 方法使用POST方法来进行异步请求的。

2)get请求会将参数跟在URL后进行传递,而POST请求则是作为HTTP消息的实体正文内容发送给Web服务器的,这种传递是对用户不可见的。

3)get方式传输的数据大小不能超过2KB 而POST要大的多

4)GET 方式请求的数据会被浏览器缓存起来,因此有安全问题。

免责声明:文章转载自《JavaScript和Ajax部分(4)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇CAD转PDF的软件哪个比较好用?用这两个很方便制作Java桌面程序的一键安装包下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

【转载】C# MVC 实现登录的5种方式

C# MVC 实现登录的5种方式     最近悟出来一个道理,在这儿分享给大家:学历代表你的过去,能力代表你的现在,学习代表你的将来。    十年河东十年河西,莫欺少年穷。     学无止境,精益求精    小弟之前做过三月的MVC,后来又一直webForm开发,再后来,也就是现在做WPF,最近随着项目进入尾声,也就慢慢清闲了下来,清闲的时间甚是无聊,...

jquery动态添加列表后样式失效解决方式

最近在做一个通讯录,使用jquery mobile方式来做,在动态添加列表后,listview原有的样式失效,折腾一会,找出解决办法。代码如下。 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOC...

使用jQuery对图片进行居中设置

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { height...

jQuery快速入门

---恢复内容开始--- jQuery 快速入门 jQuery介绍 1、jQuery是一个轻量级的、兼容多浏览器的JavaScript 库。 2、jQuery使用户能够更方便的处理HTML Document、Events、实现动画效果, 方便的进行Ajax交互, 能够极大的简化JavaScript编程。 它的宗旨就是:write less. do more...

Ajax跨域CORS

在Ajax2.0中多了CORS允许我们跨域,但是其中有着几种的限制:Origin、Methods、Headers、Credentials 1.Origin 当浏览器用Ajax跨域请求的时候,会带上一个请求头“Origin: 协议://页面域名”,而服务器需要返回一个响应头“Access-Control-Allow-Origin: 协议://对应域名“,如果...

ajax页面刷新小错误(提交按钮type必须为button,而不能是submit)

背景:   使用ajax提交form表单时,提交按钮的type值写为了submit,导致ajax中回调函数中的提示信息toastr.success('提交数据成功');没有执行,只执行了alert语句 ,就算toastr提示语句在alert前面写着也不执行。    function add_smoke() { $.ajax({...