jquery设计思想之写法-方法函数化&链式操作

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>无标题文档</title>
 6 <script type="text/javascript" src="jquery-1.10.1.min.js"></script>
 7 <script>
 8 
 9 //方法函数化:
10 
11 /*window.onload = function(){};
12 
13 $(function(){});
14 
15 function $(){}
16 
17 innerHTML = 123;
18 
19 html(123)
20 
21 function html(){}
22 
23 onclick = function(){};
24 
25 click(function(){})
26 
27 function click(){}*/
28 
29 /*window.onload = function(){
30     var oDiv = document.getElementById('div1');
31     
32     oDiv.onclick = function(){
33         alert( this.innerHTML );
34     };
35     
36 };*/
37 
38 $(function(){
39     
40     //var oDiv = $('#div1');
41     
42     $('#div1').click(function(){
43         
44         alert( $(this).html() );
45         
46     });
47     
48 });
49 
50 $('ul').children().css('background','red');
51 
52 </script>
53 </head>
54 
55 <body>
56 <div id="div1">div</div>
57 
58 </body>
59 </html>

方法函数化的一些小细节：

1、jQuery中的括号是特别多，特别重要的；

2、出现“=” 赋值的情况比较少，很多都是通过传参来实现；

所谓链式操作：就是指可以省略代码中原来赋值的那种形式，转而使用"."来连接。初学不推荐；

//alert( $('li').html() );  //当一组元素的时候，取值是一组中的第一个
    
    $('li').html('hello');  //当一组元素的时候,赋值是一组中的所有元素