1) 代码解释
解释下面这行代码会做什么：
|
1 |
$( "div#first, div.first, ol#items > [name$='first']" ) |
答案：该代码执行了一个查询，查询出任何 id 为 first 的 div 元素，加上所有 class 为 first 的 div 元素，再加上所有 id 为 items 的 ol 元素的子元素，这些子元素的 name 属性值必须以 first 结尾。这是同时使用多个选择器的例子。函数会返回一个包含查询结果的 jQuery 对象。
2）这段代码有什么问题？
下面的代码是为某个应用页面处理所有按钮点击事件，包括那些之后动态加载的按钮。
这段代码的问题出在哪，如何修复使其对之后动态加载的按钮也同样起作用？
|
1 2 3 4 5 6 7 8 9 |
// 所有按钮的点击事件处理 $( "button" ).bind( "click", function() { alert( "Button Clicked!" ) }); /* ... 一段时间后... */ // 动态将别的按钮添加到页面 $( "html" ).append( "<button>Click Alert!</button>" ); |
答案：在 bind() 方法之后动态添加的按钮关联不了点击事件。这是因为 bind() 绑定元素的事件处理时，必须保证该元素当时就已经存在。
解决此问题的办法是，利用 “事件冒泡” 的方式来绑定现存及将要添加的元素。以前可以用 live() 方法替换 bind() 方法。但 jQuery 1.7 版后 live() 方法被废弃了。delegate() 方法和 live() 方法的工作方式类似，而且可以控制DOM事件的冒泡层级。
不过，最推荐的方式是使用 on()方法，该方法可利用语法变换，实现所有 bind()、live()、delegate()的功能。下面的代码可以绑定所有按钮（包括已存在和将要添加的）的事件处理。
|
1 2 3 4 5 6 7 8 9 |
// 所有按钮的点击事件处理 $( document ).on( "click", "button", function() { alert( "Button Clicked!" ) }); /* ... 一段时间后... */ // 动态将别的按钮添加到页面 $( "html" ).append( "<button>Click Alert!</button>" ); |
3) $ 符号
jQuery 中的 $ 符号是怎么回事？ 它是什么，有什么作用？
还有，如何让 jQuery 与其它也用 $ 命名的 Javascript 框架联合使用？如果这两个问题都回答会有奖励。
答案： 在 Javascript 中 $ 符号并没有什么特殊意义，可以随意用于变量命名。在 jQuery中，$ 仅仅是用来简写 jQuery 对象以及 jQuery() 函数。
但是，jQuery 并没有将 $ 符号独占，所以当你想将 jQuery 与其它使用 $ 的 JS 库联合使用时，会遭遇命名冲突的问题。jQuery 提供了 jQuery.noConflict() 方法解决这个问题。调用完这个方法后，必须使用更底层的变量名 “jQuery” 来引用 jQuery对象及函数。
下面的例子来自 jQuery 的官方文档：
|
1 2 3 4 5 6 |
<script src="other_lib.js"></script> <script src="jquery.js"></script> <script> $.noConflict(); // 其它使用 $ 符号的库代码可以直接写到这 </script> |
或者你也不用 $.noConflict() 方法，改用闭包来来实现。比如：
|
1 2 3 |
(function ($) { // 在闭包的代码中，我们明确的知道 $ 代表什么 } (jQuery)); |
4） 编写代码
下面有一段 HTML:
|
1 |
<div id="expander"></div> |
和一段CSS:
|
1 2 3 4 5 |
div#expander{ width: 100px; height: 100px; background-color: blue; } |
编写jQuery代码，让 id 为 expander 的 div 元素动起来，用三秒的时间将其从 100 x 100 像素扩展到 200 x 200 像素。
答案：用 jQuery 可以写成下面这样。
|
1 2 3 ums " data-settings="show">
1 2 3 1) 代码解释解释下面这行代码会做什么：
答案：该代码执行了一个查询，查询出任何 id 为 first 的 div 元素，加上所有 class 为 first 的 div 元素，再加上所有 id 为 items 的 ol 元素的子元素，这些子元素的 name 属性值必须以 first 结尾。这是同时使用多个选择器的例子。函数会返回一个包含查询结果的 jQuery 对象。 2）这段代码有什么问题？下面的代码是为某个应用页面处理所有按钮点击事件，包括那些之后动态加载的按钮。 这段代码的问题出在哪，如何修复使其对之后动态加载的按钮也同样起作用？
答案：在 bind() 方法之后动态添加的按钮关联不了点击事件。这是因为 bind() 绑定元素的事件处理时，必须保证该元素当时就已经存在。 解决此问题的办法是，利用 “事件冒泡” 的方式来绑定现存及将要添加的元素。以前可以用 live() 方法替换 bind() 方法。但 jQuery 1.7 版后 live() 方法被废弃了。delegate() 方法和 live() 方法的工作方式类似，而且可以控制DOM事件的冒泡层级。 不过，最推荐的方式是使用 on()方法，该方法可利用语法变换，实现所有 bind()、live()、delegate()的功能。下面的代码可以绑定所有按钮（包括已存在和将要添加的）的事件处理。
3) $ 符号jQuery 中的 $ 符号是怎么回事？ 它是什么，有什么作用？ 还有，如何让 jQuery 与其它也用 $ 命名的 Javascript 框架联合使用？如果这两个问题都回答会有奖励。 答案： 在 Javascript 中 $ 符号并没有什么特殊意义，可以随意用于变量命名。在 jQuery中，$ 仅仅是用来简写 jQuery 对象以及 jQuery() 函数。 但是，jQuery 并没有将 $ 符号独占，所以当你想将 jQuery 与其它使用 $ 的 JS 库联合使用时，会遭遇命名冲突的问题。jQuery 提供了 jQuery.noConflict() 方法解决这个问题。调用完这个方法后，必须使用更底层的变量名 “jQuery” 来引用 jQuery对象及函数。 下面的例子来自 jQuery 的官方文档：
或者你也不用 $.noConflict() 方法，改用闭包来来实现。比如：
4） 编写代码下面有一段 HTML:
和一段CSS:
编写jQuery代码，让 id 为 expander 的 div 元素动起来，用三秒的时间将其从 100 x 100 像素扩展到 200 x 200 像素。 答案：用 jQuery 可以写成下面这样。
|
