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());

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方法仍然可以被执行。

时间: 2024-08-02 19:27:38

JQuery速记的相关文章

Jquery 速记一

//屏蔽鼠标右键菜单 //其中的document可指定其他component容器或控件 $(document).bind("contextmenu", function (e) {     return false;//截获不继续派发事件 }); //如:在class='fred' 的标签取消右键菜单 $(".fred").bind("contextmenu", function (e) {     return false; }); //监听鼠

ES6速记手册

1.三元操作符 这是一个很好的节省代码当你想要编写一个如果. . else语句在一线. 普通写法: const x = 20;let big;if (x > 10) { 速记: const big = x > 10 ? true : false; 你还可以嵌套的if语句如下: const big = x > 10 ? " greater 10" : x < 5 ? "less 5" : "between 5 and 10"

转载 jQuery的三种$()

$号是jQuery“类”的一个别称,$()构造了一个jQuery对象.所以,“$()”可以叫做jQuery的构造函数(个人观点,呵呵!). 1.$()可以是$(expresion),即css选择器.Xpath或html元素,也就是通过上述表达式来匹配目标元素. 比如:$("a")构造的这个对象,是用CSS选择器构建了一个jQuery对象——它选择了所有的<a/>这个标签.如: $("a").click(function(){...}) 就是在点击页面上的

jQuery中的100个技巧

1.当document文档就绪时执行JavaScript代码. 我们为什么使用jQuery库呢?原因之一就在于我们可以使jQuery代码在各种不同的浏览器和存在bug的浏览器上完美运行. <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script> // Different ways to achieve the Document Ready event //

jQuery的三种$()(转发)

$号是jQuery“类”的一个别称,$()构造了一个jQuery对象.所以,“$()”可以叫做jQuery的构造函数 1.$()可以是$(expresion),即css选择器.Xpath或html元素,也就是通过上述表达式来匹配目标元素. 比如:$("a")构造的这个对象,是用CSS选择器构建了一个jQuery对象——它选择了所有的<a/>这个标签.如: $("a").click(function(){...}) 就是在点击页面上的任何一个链接时的触发事

jQuery的三种$()——————(转)

$号是jQuery“类”的一个别称,$()构造了一个jQuery对象.所以,“$()”可以叫做jQuery的构造函数(个人观点,呵呵!). 1.$()可以是$(expresion),即css选择器.Xpath或html元素,也就是通过上述表达式来匹配目标元素. 比如:$("a")构造的这个对象,是用CSS选择器构建了一个jQuery对象——它选择了所有的<a/>这个标签.如: $("a").click(function(){...}) 就是在点击页面上的

jQuery中的100个技巧(译)

1.当document文档就绪时执行JavaScript代码. 我们为什么使用jQuery库呢?原因之一就在于我们可以使jQuery代码在各种不同的浏览器和存在bug的浏览器上完美运行. <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script> // Different ways to achieve the Document Ready event //

jQuery使用大全

我的程序人生 提供基于Lesktop的IM二次开发,联系QQ:76159179 CnBlogs Home New Post Contact Admin Rss Posts - 476  Articles - 0  Comments - 444 [经典]jQuery使用大全 官方网站:http://jquery.com jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优 秀的js效果,jQuery可

jquery的on()函数

on函数是在jquery 1.7 加入的实际应用例子:http://keleyi.com/a/bjac/scdm44l9.htm 描述: 在选定的元素上绑定一个或多个事件处理函数. 定义:.on( events [, selector ] [, data ], handler(eventObject) ) 参数:events类型: String一个或多个空格分隔的事件类型和可选的命名空间,或仅仅是命名空间,比如"click", "keydown.myPlugin",