JQuery总结

1. jQuery 库中的 $() 是什么？
$() 函数是 jQuery() 函数的别称。


2. 网页上有 5 个 <div> 元素，如何使用 jQuery来选择它们？
jQuery是基于选择器的。jQuery 支持不同类型的选择器，例如 ID 选择器、class 选择器、标签选择器。
鉴于这个问题没提到 ID 和 class，你可以用标签选择器来选择所有的 div 元素。
jQuery 代码：$("div")，这样会返回一个包含所有 5 个 div 标签的jQuery 对象。


3. jQuery 里的 ID 选择器和 class 选择器有何不同？
$('#LoginTextBox')
$('.active')


4. 如何在点击一个按钮时使用 jQuery 隐藏一个图片？
$('#ButtonToClick').click(function(){
    $('#ImageToHide').hide();
});


5. $(document).ready() 是个什么函数？为什么要用它？
ready() 函数用于在文档进入ready状态时执行代码。当DOM 完全加载（例如HTML被完全解析DOM树构建完成时）。
使用$(document).ready()的最大好处在于它适用于所有浏览器，jQuery帮你解决了跨浏览器的难题。


6. JavaScript window.onload 事件和 jQuery ready 函数有何不同？
JavaScript window.onload 事件和 jQuery ready 函数之间的主要区别是，前者除了要等待DOM被创建还要等到包括大型图片、音频、视频在内的所有外部资源都完全加载。
如果加载图片和媒体内容花费了大量时间，用户就会感受到定义在 window.onload 事件上的代码在执行时有明显的延迟。
另一方面，jQuery ready() 函数只需对 DOM 树的等待，而无需对图像或外部资源加载的等待，从而执行起来更快。
使用 jQuery $(document).ready() 的另一个优势是你可以在网页里多次使用它，浏览器会按它们在HTML 页面里出现的顺序执行它们，相反对于 onload 技术而言，只能在单一函数里使用。
鉴于这个好处，用 jQuery ready() 函数比用 JavaScript window.onload 事件要更好些。




7. 如何找到所有 HTML select 标签的选中项？（答案如下）
用下面的jQuery选择器获取所有具备 multiple=true 的 <select > 标签的选中项：
$('[name=NameOfSelectedTag] :selected')
这段代码结合使用了属性选择器和 :selected 选择器，结果只返回被选中的选项。


8. jQuery 里的 each() 是什么函数？你是如何使用它的？
each() 函数就像是Java 里的一个 Iterator，它允许你遍历一个元素集合。你可以传一个函数给 each()方法，被调用的 jQuery 对象会在其每个元素上执行传入的函数。
举个例子，如何在 alert 框里显示所有选中项。我们可以用上面的选择器代码找出所有选中项，然后我们在 alert 框中用 each() 方法来一个个打印它们，代码如下：
$('[name=NameOfSelectedTag] :selected').each(function(selected) {
    alert($(selected).text());
});


9. 你是如何将一个 HTML 元素添加到 DOM 树中的？
用 jQuery 方法 appendTo() 将一个 HTML 元素添加到 DOM 树中。


10. $(this) 和 this 关键字在 jQuery 中有何不同？
$(this) 返回一个 jQuery 对象,而 this 代表当前元素。


js比较jQuery
标准js处理
var p = document.getElementById('imooc');
p.innerHTML = '您好，TOM!';
p.style.color = 'red';


jQuery处理
var $p = $('#imooc');
$p.html('您好，TOM!'),css('color','red');


jQuery对象自身提供一个.get()方法允许我们直接访问jQuery对象相关的DOM节点，get方法中提供一个元素的索引：
var $div = $('div');//jQuery对象
var div = $('div').get(0);//通过get方法，转化成DOM对象
p.style.color = 'red';