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

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

 var projectList = $("#projectList");

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

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

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

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

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

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

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

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

用find可以查询一个集合,代码如下:

         <ul>
<li>刘德华</li>
<li>张学友</li>
<li>郭富城</li>
<li>黎明</li>
</ul> var tmp = $("ul").find("li");
if (tmp.length > ) {
alert('他们太2了');
}

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

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

     $(function () {
$("#btn1").click(function () {
var tmp = sadad;
alert('sss');
})
})

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

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

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

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

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

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

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

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

9,根据查询结果动态构建页面时,常用的JQuery事件:(单独整理一篇随笔)

JQuery速记的更多相关文章

  1. jQuery中的100个技巧

      1.当document文档就绪时执行JavaScript代码. 我们为什么使用jQuery库呢?原因之一就在于我们可以使jQuery代码在各种不同的浏览器和存在bug的浏览器上完美运行. < ...

  2. 转载 jQuery的三种$()

    $号是jQuery“类”的一个别称,$()构造了一个jQuery对象.所以,“$()”可以叫做jQuery的构造函数(个人观点,呵呵!).   1.$()可以是$(expresion),即css选择器 ...

  3. jquery()的三种$()

    jQuery中的$以及选择器总结 $号是jQuery”类”的一个别称,$()构造了一个jQuery对象.所以,”$()”可以看作jQuery的”构造函数”(个人观点). 一.$符号 1.$()可以是$ ...

  4. jQuery学习-----(一)JQuery的'$'符号用法

    1.jQuery的三种$() 1)$()可以是$(expresion),即css选择器.Xpath或html元素,也就是通过上述表达式来匹配目标元素.   比如:$("a")构造的 ...

  5. 转载Jquery中的三种$()

    1.$()可以是$(expresion),即css选择器.Xpath或html元素,也就是通过上述表达式来匹配目标元素. 比如:$("a")构造的这个对象,是用CSS选择器构建了一 ...

  6. new jQuery.common

    var $c=null;jQuery(function(){$c=new jQuery.common(); $c.methods.init(); }); (function($) { $.common ...

  7. jQuery的三种$()

    参考脚本之家“http://www.jb51.net/article/21660.htm”   $号是jQuery“类”的一个别称,$()构造了一个jQuery对象.所以,“$()”可以叫做jQuer ...

  8. jquery选择器的简单使用

    1.$()可以是$(expresion),即css选择器.Xpath或html元素,也就是通过上述表达式来匹配目标元素. 比如:$("a")构造的这个对象,是用CSS选择器构建了一 ...

  9. 用jQuery写的最简单的表单验证

    近几天完成了关于我们项目的最简单的表单验证,是用jQuery写的,由于之前也一直没学过jQuery,所以自己也是一直处于边摸索边学习的阶段,经过这一段时间的学习,通过查资料啥的,也发现了学习jQuer ...

随机推荐

  1. Spring Task ABC

    配置说明 <task:annotation-driven scheduler="xxxScheduler" /> <task:scheduler id=" ...

  2. 一条shell统计代码行数

    Xcode统计代码,用shell命令即可,非常简单.打开终端,进入你的工程目录,执行下列代码 find . -name "*.m" -or -name "*.h" ...

  3. html5 02 随记

    HTML 02 全局通用属性  id  name  class  style 一. 图像标签 标签名:<img  /> 常用属性: Alt -- 代表图像的替代文字 作用: 当图片不显示的 ...

  4. Yii2.0 两次奇葩的数据库连接经历

    经历一: 公司的项目经过阿里云的ECS升级后,发现在Yii2.0框架中,凡是数据库新增的字段(当然相关的表模型肯定是加了相应字段的),老是报“属性找不到”的问题,最后排查是数据库连接的问题.把127. ...

  5. python 之正则表达式

    一.正则表达式 首先,我们需要感性的了解下什么是正则表达式,简单的是说“正则表达式”就是一个“表达式”,更准确定义是:“用一个简洁的方法来实现对“一组字符串”的表达式. 最终目的就是实现“一行胜千言” ...

  6. javaSe-反射2

    //创建实体类 package com.java.chap07.sec03; public class Student { private String name; private Integer a ...

  7. BZOJ 4881: [Lydsy2017年5月月赛]线段游戏

    4881: [Lydsy2017年5月月赛]线段游戏 Time Limit: 3 Sec  Memory Limit: 256 MBSubmit: 164  Solved: 81[Submit][St ...

  8. 从SAP客户主数据里直接创建商机(Opportunity)

    在SAP CRM Fiori的Account应用里,直接在Account页面创建商机: 在SAP Cloud for Customer里: 要获取更多Jerry的原创文章,请关注公众号"汪子 ...

  9. oracle的clob转换varchar2

    time: 2008/02/29 author: skate oracle的clob转换varchar2 今天在做一个表的数据转移的时候,发现要他通过比较clob字段,但大家都知道clob字段是无法比 ...

  10. [dp][uestc oj]J - 男神的约会

    J - 男神的约会 Time Limit: 3000/1000MS (Java/Others)     Memory Limit: 65535/65535KB (Java/Others) Submit ...