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事件:(单独整理一篇随笔)