JQuery面试题

JAVA面试试题集

1. 在公司是怎么用jQuery的? 基本选择器:1 基本选择器。 #id:id选择器。 .class:类选择器.

标签选择器:根据指定的元素名匹配元素。

群主选择器:将每一个匹配的元素合并并返回,以分号隔开。 *:通配符选择器,匹配所有的元素。 2 层次选择器

空格:选取指定元素的后代元素。 >:选取指定下的所有子元素。 +:选取紧接着的兄弟元素。 ~:选取元素后的所有兄弟元素。

3 滤选择器:基本过滤选择器,内容过滤选择器,可见性选择器,属性选择器,子元素选择器等。

动画效果:在登陆页面时使用过fadeIn()和fadeOut()方法修改元素的不透明度。 hide和show:同时修改多个样式属性即高度,宽度和不透明度。 fadeIn()与fadeOut():只改变不透明度。 slideUp()和slideDown():只改变高度。

fadeTo():用来代替fadeIn()与fadeOut()方法,只改变不透明度。

toggle():用来代替hide()和show()方法,所以会同时修改多个样式属性即高度,宽度和不透明度。

slideToggle():用来代替slideUp()和slideDown()方法,所以只改变高度。 animate():属于自定义动画的方法,可以代替其他任何动画。 stop():停止动画。

合成事件:使用过鼠标悬停事件,到鼠标移至某个地方时就触发指定功能。 bind():为匹配的元素绑定一个事件处理器。

hover:模拟光标悬停事件,当光标移动到元素上是就触发第一个函数,相反就触发第二个函数。 toggle:模拟鼠标连续点击事件,第一次点击调用第一个方法,第二次单击调用第二个方法,依次类推,

直到调到最后一个,随后轮番调用。 unbind():移除事件。

one():在执行完一次以后,处理函数立即被删除。

2. 为什么要使用jquery? 因为jQuery是轻量级的框架,大小不到30kb,它有强大的选择器,出色的DOM操作的封装,有可靠的事件处理机制,

完善的ajax,出色的浏览器的兼容性,而且支持链式操作,隐式迭代,行为层和结构层的分离,还支持丰富的插件, jquery的文档也非常的丰富。

3. 你觉得jquery有哪些好处?

轻量级的框架,强大的选择器,出色的DOM封装,可靠的事件处理机制,完善的Ajax,出

色的浏览器兼容,支持链式操作,隐式迭代,

行为层与结构层分离,丰富的插件机制,文档完善且开源的。

4. 使用jquery遇到过哪些问题,你是怎么解决的?

1. 前台拿不到值,是JSON可能会出现的错误(一般是多了一个空格等),这编译是不会报错的。

2. 类库冲突:使用jQuery.noConflict()方法将$控制权渡让给第一个实现它的那个库。 1. 使用jQuery替代$进行渡让。

2. 使用$以传递参数的形式进行渡让。 3. 使用返回值进行渡让。 4. 使用匿名函数进行渡让。

3. 以前在处理一个数据问题时,发现jQuery.ajax()方法返回的值一直有问题,清除缓存后数据无误,多次测试后发现返回的值都是之前的值,

并且一直未执行url(后台为Java,设置断点一直未进入)。 后来在网上查找原因发现是未设置type,如果没设置jQuery.ajax的type=\,那么ajax就会默认type=\,这就会导致之前数据被缓存起来。加上type=\,问题解决! 5. 你知道jquery中的选择器吗,请讲一下有哪些选择器?

jQuery中的选择器大致分为:基本选择器,层次选择器,过滤选择器,表单选择器。 1. 基本选择器。 #id:id选择器。 .class:类选择器.

标签选择器:根据指定的元素名匹配元素。

群主选择器:将每一个匹配的元素合并并返回,以分号隔开。 *:通配符选择器,匹配所有的元素。 2. 层次选择器

空格:选取指定元素的后代元素。 >:选取指定下的所有子元素。 +:选取紧接着的兄弟元素。 ~:选取元素后的所有兄弟元素。 3. 过滤选择器 1 基本过滤选择器

:first():选取第一个元素 :last():选取最后一个元素

:not(selector):除去所有给定选择器所匹配的元素

:even():选取索引为偶数的的所有元素(索引从0 开始) :odd:选取索引为奇数的的所有元素(索引从0 开始) :eq(index):选取索引=index的元素(索引从0 开始) :gt(index):选取索引>index的元素(索引从0 开始) :lt(index):选取索引

:animated():选取当前正在执行动画的所有元素 2 内容过滤选择器

:contains()(text):选取含有文本内容为\的元素。 :empty():选取不包含子元素或文本的空元素

:has()(selectcr):选取含有选择器所匹配的元素的元素。 :parent():选取含有子元素或包含文本的元素。 3 可见性选择器

:hidden():选取所有不可见元素。 :visible():选取所有可见元素 4 属性选择器

[attribut]:选取拥有此属性的元素。

[attribut =value]:选取属性值为value的元素。

[attribut!=value]:选取属性值不等于value的元素。 [attribut ^=value]:选取属性值以value开始的元素。 [attribut $=value]:选取属性值以value结束的元素。 [attribut *=value]:选取属性值含有value的元素。 [selector1][selector2][selector3]:用属性选择器合并成一个复合属性选择器,满足多个条件,每选择一次,缩小一次范围。 5 子元素选择器

:nth(安丝)-child(index/even/odd/epuation):选取每个父元素下的第index个子元素或奇偶元素(index从一算起)。

:first-child:选取每个父元素的第一个子元素 :last-child:选取每个父元素的最后一个子元素

:only-child:如果某个元素是它父元素中唯一的子元素,那么将会被匹配。如果父元素中含有其它元素,则不会被匹配。 4. 表单对象属性选择器

:enabled():选取所有可用元素。 :disabled():选取所有不可用的元素

:checked():选取所有被选中的元素(单选框,复选框)。 :selected():选取所有被选中的选项元素(下拉框)。 6. jquery中的选择器和css中的选择器有区别吗? jQuery选择器支持CSS里的选择器。

jQuery选择器可用来添加样式和添加相应的行为。 CSS 中的选择器是只能添加相应的样式。

7. 你觉得jquery中的选择器有什么优势?

简单的写法 $('ID') 来代替document.getElementById()函数。 支持CSS1 到CSS3选择器。

完善的处理机制(就算写错了id也不会报错)。

8. 你在使用选择器的时候有有没有什么觉得要注意的地方? 1 选择器中含有\等特殊字符的时候需要进行转译。 2 属性选择器的引号问题。

3 选择器中含有空格的注意事项。

9. jquery对象和dom对象是怎样转换的?

jquery转DOM:jQuery 对象是一个数组对象,可以通过[index]得到相应的DOM对象, 还可以通过get[index]去得到相应的DOM对象。 DOM转jQuery:$(DOM对象)。

联系客服:779662525#qq.com(#替换为@) 苏ICP备20003344号-4