JQuery速记

速记笔记的作用是将一些零碎的点整合在一起，这些点太小并不适合写一篇随笔，将这些点揉合在一起，可能有时候，互相就擦出火花，形成一篇博客。

1，可以用一个变量来表示某一个元素，这样就不用每次都输入$("#id")了，代码如下：

1 var projectList = $("#projectList");

2，一条JQuery语句同时给多个属性赋值，代码如下：

1 $("p").text("改变之后").css("color", "red");

　　代码的作用是将p的文本改为“改变之后”的同时，将字体的颜色改为红色。

3，在html标签中，理论是我们可以给标签添加任意自定义的属性（原则上我们并不这么做），代码如下：

1 $("p").text("改变之后").css("color", "red").attr("ss","sdsd");

　　代码的作用是为p元素添加‘ss'属性，运行后的页面html如下：

4,遍历find()方法，代码如下：

1 $("p").find("span").css('color','red');
2 alert($("#select1").find("option:selected").text());

用find可以查询一个集合，代码如下：

 1         <ul>
 2             <li>刘德华</li>
 3             <li>张学友</li>
 4             <li>郭富城</li>
 5             <li>黎明</li>
 6         </ul>
 7 
 8         var tmp = $("ul").find("li");
 9         if (tmp.length > 2) {
10             alert('他们太2了');
11         }

很明显，结果是他们太2了。

5，在JQuery中，如果前面的代码出现问题，那后面的代码也同样得不到执行，代码和图如下：

1     $(function () {
2         $("#btn1").click(function () {
3             var tmp = sadad;
4             alert('sss');
5         })
6     })

因为sadad处，JQuery处产生异常，那么alert方法就不会被调用。

6，在JQuery中仍然可以使用try...catch语句，如上面的代码中如果将var tmp = sadad;放在try中，那么后边的alert方法仍然可以被执行。

7，在JQuery中使用Ajax，beforestart在Ajax调用之前被触发，代码如下：

1                 success: function (result) {
2                     window.location = "http://www.baidu.com";
3                 },
4                 beforeSend: function () {
5                     alert('nihao');
6                 }

窗口先弹出‘nihao’的消息框，然后才会跳转到百度的首页（我对度娘是真爱

8，preventEvent组织元素发生默认的行为，代码如下：

        $("a").click(function (a) {
            a.preventDefault();
        });

这样，上面的超链接就无法连接到度娘首页了。

9，根据查询结果动态构建页面时，常用的JQuery事件：（单独整理一篇随笔）