jQuery相关知识点1

1--jQuery库中的$()是:

$()函数是jQuery()函数的简称。$()函数用于将任何对象包裹成jQuery对象,然后可以调用定义在jQuery对象上的多个不同方法。甚至可以将一个选择器字符串传入$()函数,则会返回一个包含所有匹配的dom元素数组的jQuery对象。

2—点击按钮时隐藏图片

$(“.button1”).click(function(){

$(“.image1”).hide();

})

3--$(document).ready()是个什么函数?为什么要用它

Ready()函数用于在文档进入ready状态时执行代码。当dom完全加载,jQuery允许你执行代码。使用$(document).ready()的最大好处在于它适用于所有浏览器,避免了跨浏览器的难题。

4—JavaScript window.load事件和jQuery ready函数的区别

²  JavaScript window.load事件要等待dom被创建,还要等待包括大型图片、音频、视频在内的所有外部资源完全加载。如果加载图片和多媒体内容花费了大量时间,用户则会感受到定义在window.load事件上的代码在执行上有明显的延迟。Onload只能在单一函数里使用。

²  jQuery ready()函数只需对dom的等待,而无需对图像或外部资源加载的等待,从而执行更快。jQuery ready函数可以在网页里多次使用它,浏览器会按它们在html页面里出现的顺序执行它们。

5—jQuery里的each()是什么函数?如何使用?

Each()函数,用来遍历集合中的元素。传一个函数给each()方法,被调用的jQuery对象会在其每个元素上执行传入的函数。

$(‘[name=NameOfSelectedTag] :selected‘).each(function(selected) {

alert($(selected).text());

});

6—如何将一个html元素添加到dom树中的?

通过appendTo()方法在指定的dom元素末尾添加一个现存的元素或者一个新的html元素。

7—利用jQuery选择所有在段落内部的超链接?

8--$(this)和this关键字在jQuery中的区别

$(this)返回一个jQuery对象,可以对其调用多个jQuery方法,如用text()获取文本,用val()获取值。而this代表当前元素,表示上下文中的当前dom元素,不能对其调用jQuery方法,除非它被$()函数包裹。

9--jQuery中有哪几种类型的选择器?

基本选择器:直接根据id、css类名、元素名返回匹配的dom元素。

层次选择器:也叫做路径选择器,可以根据路径层次来选择相应的DOM元素。

过滤选择器:在前面的基础上过滤相关条件,得到匹配的dom元素。

10—使用jQuery将页面上的所有元素边框设置为2px宽的虚线

$(“*”).css(“border”,”2px dotted red”);

11—通过jQuery实现点击按钮弹出一个对话框?

<input id=”inputField” type=”text” size=”12” />

$(document).ready(function(){

$(“#button1”).click(function(){

Alert($(“#inputField”).attr(“value”));

});

});

12--jQuery中的Delegate()函数有什么作用?

回答:delegate()会在以下两个情况下使用到:

(1)如果你有一个父元素,需要给其下的子元素添加事件,这时你可以使用delegate()了,代码如下:

$("ul").delegate("li", "click", function(){
$(this).hide();
});

(2)当元素在当前页面中不可用时,可以使用delegate()

13—jQuery编码和解码URL

encodeURIComponent(url)

decodeURIComponent(url)

14--如何用jQuery禁用浏览器的前进后退按钮?

$(document).ready(function() {
     window.history.forward(1);  //OR
     window.history.forward(-1);
});

15—为什么使用jQuery

jQuery是轻量级框架,有强大的选择器,出色的dom操作的封装,可靠的事件处理机制,完善的ajax,出色的浏览器兼容性,而且支持链式操作,隐式迭代。行为层和结构层分离,支持丰富的插件,文档也非常丰富。

16—jquery和css两者选择器的不同

jQuery选择器支持css里的选择器。可以用来添加样式和相应的行为;css选择器只能添加样式。

17—jQuery对象和dom对象是怎么样转换的

jQuery转dom对象:jQuery对象是一个数组对象,可以通过[index]的丰富得到相应的dom对象,还可以通过get[index]得到相应的dom对象。

Dom对象转jQuery对象:$(DOM对象)

18—jquery中$.get()提交和$.post()提交的区别

$.get()方法使用GET方法进行异步请求;$.post()方法使用POST方法进行异步请求。

Get请求会将参赛跟在URL后进行传递;post请求则是作为http消息的实体内容发送给web服务器,这种传递对用户是不可见的。

Get方式传递的数据量要比post小。

Get方式请求的数据会被浏览器缓存起来,引起安全问题。

19—jQuery中的load方法的一般使用

load方法一般在载入远程html代码并插入到dom中的时候用,通常用来从服务器获取静态的数据文件。如果要传参的话,可以使用$.get()或$.post()

20—在jQuery中如何操作样式

addClass()追加样式、removeClass()删除样式、toggle()切换样式

21—jQuery是如何处理事件的

先加载文档,当页面加载完毕后,浏览器会通过JavaScript为dom元素添加事件。

22—jQuery中的动画

hide()和show()同时修改多个样式属性,如高度、宽度、不透明度。fadeIn()和fadeOut()、fadeTo()只改变透明度。

showUp()和slideDown()、slideToggle()只改变高度。

animate()属于自定义动画的方法

23—jquery插件

24—一般用什么提交数据,为什么

$.post()方法

如果需要设定beforeSend(提交前回调函数),error(失败后处理),success(成功后处理) ,complete(请求完成后处理)回调函数等,这个时候选择$.ajax()

25—jQuery中引入css有几种方式

行内式、内嵌式、导入式、链接式

26—jQuery实现动态添加和删除表格行?

27—jQuery中实现插入节点的方法及它们间的区别

append()、appendTo()、prepend()、prependTo()、after()、insertAfter()、before()、insertBefore()

大致分为内部追加和外部追加

append()表示向每个元素内部追加内容;appendTo()表示将所有的元素追加到指定的元素中。

28—包裹节点的方法及好处

wrapAll()、wrap()、wrapInner()

29—jQuery如何获取和设置属性?

attr()方法可以获取和设置元素属性

removeAttr()方法删除元素属性

30—jQuery中哪些方法可以遍历节点

children():取得匹配元素的子元素集合,只考虑子元素不考虑后代元素

next():取得匹配元素后面紧邻的同辈元素

prev():取得匹配元素前面紧邻的同辈元素

siblings():取得匹配元素前后的所有同辈元素

closest():取得最近的匹配元素

find():取得匹配元素中的元素集合,包括子代和后代

31—子元素选择器和后代元素选择器的区别

子元素:子节点下的所有元素

后代元素:子节点或子节点的子节点中的元素

32—beforeSend方法的作用

发送请求前可以修改XMLHttpRequest对象的函数,在beforeSend中如果返回false可以取消本次的ajax请求。XMLHttpRequest对象是唯一的参数,所以在这个方法里可以做验证。

33—在ajax中如何使用json

$.getJSON()用于加载json文件

34—有哪些查询节点的选择器?

:first查询第一个

:last 查询最后一个

:odd  查询奇数但是索引从0开始

:even 查询偶数

:eq(index)  查询相等的

:gt(index)  查询大于index的

:lt(index) 查询小于index的

:header    选取所有的标题

35—nextAll()和$(‘prev~siblings’)等价

36—jQuery有几种方法可以设置和获取样式

addClass()、attr()

37—jQuery是如何处理缓存的?

要处理缓存即是禁用缓存。

通过$.post()方法获取数据,那么默认就是禁用缓存的。

通过$.get()方法获取数据,可以通过设置时间戳来避免缓存。可以在URL后面加上+(+new Date)例$.get(‘ajax.xml?’+new Date),function(){});

通过ajax方法来获取数据,只要设置cache:false即可

38--$.getScript()方法和$.getJson()方法的区别

$.getScript():可以直接加载js文件,且不需要对js文件进行处理,js文件会自动执行

$.getJson():用于加载json文件

39--

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

$(“#msg”).text(“<b>new content</b>”):将<b>new content</b>作为普通文本串写入id为msg的元素节点内容中,页面显示粗体的<b>new content</b>。

40—radio单选框组的第二个元素为当前选中值,该怎么去取

$(‘input[name=items]’).get(1).checked=true;

41—选择器中的id、class的区别

Id:每个id名称只能用一次

Class:可以重复使用

42—使用过哪些数据格式及其特点

Html格式:提供外部数据

Json格式:需要重用的数据

XML格式:当远程应用程序未知时,XML能够为良好的互操作性提供最可靠的保证。

43—jQuery能做什么

获取页面的元素、修改页面的外观、改变页面的内容、响应用户的页面操作、为页面添加动态效果、无需刷新页面,即可以从服务器获取信息、简化常见的JavaScript任务。

44—在ajax中data主要有几种方式?

三种:html拼接的、json数组、form表单经serialize()序列化的

45—jQuery中的hover()和toggle()的区别

hover()、toggle()都是jQuery中的两个合成事件。前者用于模拟光标悬停事件,后者用于连续点击事件。

46—jQuery中的事件冒泡是怎么执行的,如何阻止事件冒泡

事件冒泡就是从里面往外面触发。在jQuery中提供了stopPropagation()方法可以停止冒泡事件。

47--例如 单击超链接后会自动跳转,单击"提交"按钮后表单会提交等,有时候我想阻止这些默认的行为,该怎么办?

可以用 event.preventDefault()或在事件处理函数中返回false,即 return false;

48--jquery表单提交前有几种校验方法?分别为??

a) formData:返回一个数组,可以通过循环调用来校验

b) jaForm:返回一个jQuery对象,所有需要先转换成dom对象

c) fieldValue:返回一个数组beforeSend()

49--在jquery中你有没有编写过插件,插件有什么好处?你编写过那些插件?它应该注意那些?

a)  插件的好处:对已有的一系列方法或函数的封装,以便在其他地方重新利用,方便后期维护和提高开发效率

b)  插件的分类:封装对象方法插件 、封装全局函数插件、选择器插件

b) 注意的地方:

i. 1.插件的文件名推荐命名为jquery.[插件名].js,以免和其他的javaScript库插件混淆

ii. 2.所有的对象方法都应当附加到jQuery.fn对象上,而所有的全局函数都应当附加到jQuery对象本身上

iii. 3.插件应该返回一个jQuery对象,以保证插件的可链式操作

iv. 4.避免在插件内部使用$作为jQuery对象的别名,而应使用完整的jQuery来表示,这样可以避免冲突或使用闭包来避免

v. 5.所有的方法或函数插件,都应当一分好结尾,否则压缩的时候可能出现问题。在插件头部加上分号,这样可以避免他人的不规范代码给插件带来影响

vi. 6.在插件中通过$.extent({})封装全局函数,选择器插件,扩展已有的object对象通过$.fn.extend({})封装对象方法插件

50--jQuery 中的方法链是什么?使用方法链有什么好处?

方法链是对一个方法返回的结果调用另一个方法,这使得代码简洁明了,同时由于只对 DOM 进行了一轮查找,性能方面更加出色。

时间: 2024-10-29 20:19:02

jQuery相关知识点1的相关文章

jQuery相关知识点2

1-jQuery- jQuery是一个JavaScript库,通过封装原生对象的JavaScript函数得到一套定义良好的方法. jQuery主旨:以更少的代码,实现更多的功能. 2—jQuery优势 可以像css一样访问和操作dom:修改css控制页面外观:简化js代码操作:事件处理更容易:动画效果使用方便:ajax技术更加完美:大量的基于jQuery的插件:可以自定义扩展功能插件 3—jQuery语法 $(selector).action() 4—多库冲突 jQuery.onConflict

个人学习 php 语言的相关知识点目录

本文用于记录个人学习php语言的相关知识点整理,给各位打算了解php知识的童鞋提供参考: 除了最基本的html.css.js知识,以下知识是一个php开发必备的知识点,也是web开发中常用的知识点. 以下是进阶阶段需要掌握的相关知识: xml编程 smarty模板技术 常用php框架技术,thinkphp(容易理解)等. ajax jquery linux环境下的开发 版本控制:svn和git 缓存技术:redis.memcached.页面技术等 Mysql等服务器软件:数据库设计.sql语句优

垂直搜索的相关知识点总结

垂直搜索引擎大体上需要以下技术 1.Spider 2.网页结构化信息抽取技术或元数据采集技术 3.分词.索引 4.其他信息处理技术 垂直搜索引擎的技术评估应从以下几点来判断 1.全面性 2.更新性 3.准确性 4.功能性 垂直搜索的进入门槛很低,但是竞争的门槛很高.没有专注的精神和精湛的技术是不行的.行业门户网站具备行业优势但他们又是没有技术优势的,绝对不要想像着招几个人就可以搞定垂直搜索的全部技术,作为一个需要持续改进可运营的产品而不是一个项目来说对技术的把握控制程度又是垂直搜索成功的重要因素

博客6:磁盘以及创建文件系统的相关知识点

1.linux磁盘的相关知识点  (1)I/O ports:I/O设备地址,实质上是一个缓冲器  (2)块设备:Block,存取单位是"块",例如:磁盘  (3)字符设备:char,存取单位是"字符",例如:键盘  (4)设备文件:关联至一个设备驱动程序,进而能够与之对应硬件设备进行通信(仅有元数据,而无数据)  (5)设备号码:              主设备号:major number,表示设备类型              次设备号:minor number

图像处理程序框架—MFC相关知识点

CDC:Windows使用与设备无关的图形设备环境(DC :Device Context) 进行显示 . MFC基础类库定义了设备环境对象类----CDC类.CDC与CGdiObject的关系 说道CDC类就不能不提一下GdiObject---图形对象类. 在Windows应用程序中,设备环境与图形对象共同工作,协同完成绘图显示工作.就像画家绘画一样,设备环境好比是画家的画布,图形对象好比是画家的画笔.用画笔在画布上绘画,不同的画笔将画出不同的画来.选择合适的图形对象和绘图对象,才能按照要求完成

libgdx相关知识点

Gdx.graphics.setContinuousRendering(false); 设置图像为非连续自动渲染. libgdx相关知识点,布布扣,bubuko.com

Android开发涉及有点概念&amp;相关知识点(待写)

前言,承接之前的 IOS开发涉及有点概念&相关知识点,这次归纳的是Android开发相关,好废话不说了.. 先声明下,Android开发涉及概念比IOS杂很多,可能有很多都题不到的.. 首先由于Android是基于Linux,而Linux又是用c山寨Unix的,但是为什么Android不用开发App,其实我也不懂,我想可能是java比较简单. 同样的,IOS为啥没用java,这个我也想可能是因为IOS是封闭的吧..晕,又废话了..好,开始吧,不过这次很多要查资料了,很多名词.单词不会啊! 首先还

&lt;c:url&gt;标签相关知识点

一. <c:url>标签的作用主要用来产生字符串类型的url,而不是产生一个超链接,注意url(统一资源定位符)与超链接两个含义的区别. <c:url value="http://www.baidu.com" />在JSP页面中的输出形式如下: 可以看出来这在页面中就是个字符串,不是一个能点击的超链接. --------------------------------------------------------------------------------

学习记录013-NFS相关知识点

一.NFS相关知识点 1.NFS常用的路径/etc/exports NFS服务主配置文件,配置NFS具体共享服务的地点/usr/sbin/exportfs NFS服务的管理命令,exportfs -arv 可以通过加载配置生效,也可以通过命令直接共享目录,越过/etc/exports,但是重启失效/usr/sbin/showmount 常用来在客户端,查看NFS配置及挂载结果的命令/var/lib/nfs/etab NFS配置文件的完整参数设定的文件注意:如果需要读写共享,一定要让本地目录被NF