JQuery速记
速记笔记的作用是将一些零碎的点整合在一起,这些点太小并不适合写一篇随笔,将这些点揉合在一起,可能有时候,互相就擦出火花,形成一篇博客。
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速记的更多相关文章
- jQuery中的100个技巧
1.当document文档就绪时执行JavaScript代码. 我们为什么使用jQuery库呢?原因之一就在于我们可以使jQuery代码在各种不同的浏览器和存在bug的浏览器上完美运行. < ...
- 转载 jQuery的三种$()
$号是jQuery“类”的一个别称,$()构造了一个jQuery对象.所以,“$()”可以叫做jQuery的构造函数(个人观点,呵呵!). 1.$()可以是$(expresion),即css选择器 ...
- jquery()的三种$()
jQuery中的$以及选择器总结 $号是jQuery”类”的一个别称,$()构造了一个jQuery对象.所以,”$()”可以看作jQuery的”构造函数”(个人观点). 一.$符号 1.$()可以是$ ...
- jQuery学习-----(一)JQuery的'$'符号用法
1.jQuery的三种$() 1)$()可以是$(expresion),即css选择器.Xpath或html元素,也就是通过上述表达式来匹配目标元素. 比如:$("a")构造的 ...
- 转载Jquery中的三种$()
1.$()可以是$(expresion),即css选择器.Xpath或html元素,也就是通过上述表达式来匹配目标元素. 比如:$("a")构造的这个对象,是用CSS选择器构建了一 ...
- new jQuery.common
var $c=null;jQuery(function(){$c=new jQuery.common(); $c.methods.init(); }); (function($) { $.common ...
- jQuery的三种$()
参考脚本之家“http://www.jb51.net/article/21660.htm” $号是jQuery“类”的一个别称,$()构造了一个jQuery对象.所以,“$()”可以叫做jQuer ...
- jquery选择器的简单使用
1.$()可以是$(expresion),即css选择器.Xpath或html元素,也就是通过上述表达式来匹配目标元素. 比如:$("a")构造的这个对象,是用CSS选择器构建了一 ...
- 用jQuery写的最简单的表单验证
近几天完成了关于我们项目的最简单的表单验证,是用jQuery写的,由于之前也一直没学过jQuery,所以自己也是一直处于边摸索边学习的阶段,经过这一段时间的学习,通过查资料啥的,也发现了学习jQuer ...
随机推荐
- Spring Task ABC
配置说明 <task:annotation-driven scheduler="xxxScheduler" /> <task:scheduler id=" ...
- 一条shell统计代码行数
Xcode统计代码,用shell命令即可,非常简单.打开终端,进入你的工程目录,执行下列代码 find . -name "*.m" -or -name "*.h" ...
- html5 02 随记
HTML 02 全局通用属性 id name class style 一. 图像标签 标签名:<img /> 常用属性: Alt -- 代表图像的替代文字 作用: 当图片不显示的 ...
- Yii2.0 两次奇葩的数据库连接经历
经历一: 公司的项目经过阿里云的ECS升级后,发现在Yii2.0框架中,凡是数据库新增的字段(当然相关的表模型肯定是加了相应字段的),老是报“属性找不到”的问题,最后排查是数据库连接的问题.把127. ...
- python 之正则表达式
一.正则表达式 首先,我们需要感性的了解下什么是正则表达式,简单的是说“正则表达式”就是一个“表达式”,更准确定义是:“用一个简洁的方法来实现对“一组字符串”的表达式. 最终目的就是实现“一行胜千言” ...
- javaSe-反射2
//创建实体类 package com.java.chap07.sec03; public class Student { private String name; private Integer a ...
- BZOJ 4881: [Lydsy2017年5月月赛]线段游戏
4881: [Lydsy2017年5月月赛]线段游戏 Time Limit: 3 Sec Memory Limit: 256 MBSubmit: 164 Solved: 81[Submit][St ...
- 从SAP客户主数据里直接创建商机(Opportunity)
在SAP CRM Fiori的Account应用里,直接在Account页面创建商机: 在SAP Cloud for Customer里: 要获取更多Jerry的原创文章,请关注公众号"汪子 ...
- oracle的clob转换varchar2
time: 2008/02/29 author: skate oracle的clob转换varchar2 今天在做一个表的数据转移的时候,发现要他通过比较clob字段,但大家都知道clob字段是无法比 ...
- [dp][uestc oj]J - 男神的约会
J - 男神的约会 Time Limit: 3000/1000MS (Java/Others) Memory Limit: 65535/65535KB (Java/Others) Submit ...