JavaScript和Ajax部分(4)
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)的更多相关文章
- 最新JavaScript、Ajax典藏级学习资料下载分类汇总 (2011年12月21日更新)
其他网站开发相关资料 超强HTML和xhtml,CSS精品学习资料下载汇总 最新htm ...
- 初识JavaScript,Ajax,jQuery,并比较三者关系
一.基本认识 1.JavaScript 定义: javaScript的简写形式就是JS,是由Netscape公司开发的一种脚本语言,一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态 ...
- JavaScript实现Ajax小结
置顶文章:<纯CSS打造银色MacBook Air(完整版)> 上一篇:<TCP的三次握手和四次挥手> 作者主页:myvin 博主QQ:851399101(点击QQ和博主发起临 ...
- 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求
转http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro2/ 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求 ...
- javascript版Ajax请求
什么是Ajax请求,Ajax也就是“Asynchronous JavaScript and XML”(异步JavaScript和XML),无刷新数据读取.能减少流量的消耗,也提高了浏览的流畅性,给用户 ...
- Javascript与Ajax
不使用jquery来处理ajax请求该怎么做? 首先要明确html中的某些数据需要从服务端获得,也就是客户端向服务端请求(request)数据,服务端就响应(response)这个请求,把客户端要的数 ...
- javascript进阶——Ajax
统的Web 页面和应用中,用户每点击页面上的某个部分,浏览器就会向服务器发出一个请求,等待服务器做出响应,然后返回一个完整新网页,但在大多数情况下用户不得不忍受页面闪烁和长时间的等待.随着Web技术的 ...
- Javascript and AJAX with Yii(在yii 中使用 javascript 和ajax)
英文原文:http://www.yiiframework.com/wiki/394/javascript-and-ajax-with-yii /*** http://www.yiiframework. ...
- javascript实现ajax
什么是 ajax ajax 即“Asynchronous JavaScript and XML”(异步 JavaScript 和 XML),也就是无刷新数据读取. http 请求 首先需要了解 htt ...
- JavaScript和ajax 跨域的案例
今天突然想看下JavaScript和ajax 跨域问题,然后百度看了一下,写一个demo出来 <!DOCTYPE html> <html xmlns="http://www ...
随机推荐
- T-4-java核心API-集合类
一.集合 用于存储类型一致的一组对象的数据结构. 类似于数组,但是集合提供了操作算法:集合=数据存储+操作算法.集合的用途极其广泛,如歌曲列表,联系人列表对话记录等. 集合比数组多了操作算法,便于提高 ...
- 第五周助教工作总结——NWNU李泓毅
第五周助教总结 注:因第四次实验安排两个标准时间完成,因此本周未提交完整作业. 本周心得: 第四次实验进行过半,八组同学都在实验课上进行了一次中期总结,并形成书面总结在微信群中讨论. 根据各组同学的中 ...
- 循环调用dll库的界面时,首次正常,再次无响应
消息循环错误: 在为使用CPaintManagerUI::MessageLoop()的情况下退出,但却发送了PostQuitMessage(0).
- python模块:csv
""" csv.py - read/write/investigate CSV files """ import re from _csv ...
- Python h5py
1.关于安装: 如果你使用的是Anaconda的话,安装命令如下: conda install h5py 如果没有,安装命令如下: pip install h5py 2.核心概念 读取HDF5文件,假 ...
- python sort()方法
https://www.cnblogs.com/whaben/p/6495702.html https://www.cnblogs.com/sunny3312/p/6260472.html
- 20155205 郝博雅 Exp7 网络欺诈防范
20155205 郝博雅 Exp7 网络欺诈防范 一.实践内容 (1)简单应用SET工具建立冒名网站 (1分) (2)ettercap DNS spoof (1分) (3)结合应用两种技术,用DNS ...
- 洛谷P1746 离开中山路
https://www.luogu.org/problemnew/show/P1746 思路:用广搜从起点开始,遍历所有可达的点,再往下遍历直到到达终点,所以能保证得到的结果一定是最优解 #inclu ...
- 创建JUtil
这里拿Dynamic项目来演示,首先创建一个Dynamic项目,起名,点next, 继续点next, 将web.xml文件勾选,finish, 接下来在Java Resources->src下创 ...
- oracle之 any、some、all 解析
举几个例子来说明ALL和ANY的用法 1. SELECT * FROM TABLEA WHERE FLD > ALL(SELECT FLD FROM TABLEA) 这相当于 SELECT * ...