JQuery笔试题

你为什么要使用JQuery JQuery有哪些好处

• 因为JQuery是轻量级的框架，大小不到30KB
• 它有强大的选择器，出色的DOM操作的封装
• 有可靠的事件处理机制
• 完善的ajax
• 出色的浏览器的兼容性
• 支持链式操作，隐式迭代

$(document).ready() $(functiion({}))方法和window.onload有什么区别？

• window.onload方法是在网页中所有的元素完全加载到浏览器后才执行
• $(document).ready()可以在DOM载入就绪就对其进行操作，并调用执行绑定的函数。

你知道JQuery中的选择器吗 有哪些选择器

大致分为：基本选择器，层次选择器，表单选择器
基本选择器：id选择器，标签选择器，类选择器

• 层次选择器：如：$(“form input”) 选择所有的form元素中的input元素 $("#main > *")选择id为main的所有子元素
• 过滤选择器：如：$(“tr:first”)选择所有tr元素的第一个 $(“tr:last”)选择所有tr元素的最后一个
• 表单选择器：如：$(":input")选择所有的表单输入元素 $(":text")选择所有的text的input元素

JQuery的美元符号$有什么作用

美元符号$只是“JQuery”的别名，它是JQuery的选择器
如下代码：

$(document).ready(function(){

});
也可以用JQuery来代替$
jQuery(document).ready(function(){

});	

JQuery对象和DOM对象是怎样转换的

JQuery对象是一个包含了dom对象的数组 可以通过JQuery对象[下标]获取dom对象
将dom对象放入$("")中转为JQuery对象

JQuery中使用过哪些插入节点的方法

在元素内部添加
append:向每个匹配的元素内部追加内容
		 <p>我想说：</p>
        $("p").append("<b>你好</b>") 
        <p>我想说：<b>你好</b></p>
appendTo:将所有匹配的元素追加到指定的元素中
        <p>我想说：</p> 
        $("<b>你好</b>").appendTo("p") 
        <p>我想说：<b>你好</b></p>
prepend:向每个匹配的元素内部前置添加内容
  		<p>我想说：</p> 
        $("p").prepend("<b>你好</b>") 
        <p><b>你好</b>我想说：</p>

prependTo：将所有匹配的元素前置到指定的元素中 
        <p>我想说：</p> 
        $("<b>你好</b>").prependTo("p") 
        <p><b>你好</b>我想说：</p>

JQuery中有哪些方法可以遍历节点

children():获取匹配元素的子元素，不考虑后代元素 $(function(){$("div").children()})
next() 获取匹配元素后面紧邻的同级元素
prev() 获取匹配元素前紧邻的同级元素
Sibling() 获取匹配元素前后的所有同辈元素

radio单选组的第二个元素为当前选中的值

$('input[type=radio]')[1].checked=true

怎么阻止冒泡过程

stopPropagation();  //阻止冒泡过程

ready()方法和onload()方法的区别

• onload()方法要等页面中全部元素加载到浏览器中才执行，如果页面中存在大量图片，要等这些内容加载完毕。
• ready()方法只要页面的dom模型加载完毕即可，就会触发ready()。

bind() 方法绑定事件

bind(type,[data],fn);
绑定类型： blur, focus, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, select, submit , keydown, keypress, keyup, error, mousemove, mouseover, mouseout, mouseenter, mouseleave, change
$("#btn").bind("click", function(){});
$(".txt").bind("focus", { msg: message }, function(event){ // 获取数据 event.data.msg });

hover()方法和toggle()方法区别？

$("a").hover(function(){// 执行一 }, function() { // 执行二 });
hover(over, out)
$("a").mouseenter(function(){});
$("a").mouseleave(function(){});

toggle()方法可以依次执行函数

toggle(fn,fn2,fn3....);