jQuery - 基础知识

1、jQuery 事件 - ready() 方法
定义：在文档加载后激活函数

$(document).ready(function(){

});
//在文档加载后激活函数、写在最外面

1
2
3
4
2、jQuery 事件 - on() 方法
定义：被选中の元素添加一个或多个事件

$("p").on("click",function(){
     alert("段落被点击")       
});
//"p"元素  添加一个点击事件

1
2
3
4
提示：如需添加事件处理程序，请使用 on() 方法。
提示：如需移除事件处理程序，请使用 off() 方法。
提示：如需添加只运行一次的事件然后移除，请使用 one() 方法。

3、jQuery 事件 - stop() 方法
定义：stop() 方法为被选元素停止当前正在运行的动画。

$("#stop").click(function(){
    $("div").stop();//停止当前正在运行的动画
});

1
2
3
4、jQuery 事件 - siblings() 方法
定义：被选元素的所有同胞元素

$(function(){$(“li”).click(function() {
$(this).addClass(‘red’); // 设置被点击元素为红色$(this).siblings(‘li’).removeClass(‘red’); // 去除所有同胞元素的红色样式
})
})
1
2
3
4
5
6
这里写图片描述

提示：addClass() 方法向被选元素添加一个或多个类。
提示：removeClass() 方法从被选元素移除一个或多个类。

.cur{color:red;}
/* 这个css样式就是一个类 */
/* addClass("cur") 、removeClass("cur")  */

1
2
3
5、jQuery 事件 - removeAttr() 方法
定义：removeAttr() 方法从被选元素中移除属性

$("button").click(function(){
    $("p").removeAttr("id");
});
//从任何 p 元素中移除 id 属性

1
2
3
4
jQuery 事件 - attr() 方法
定义：返回被选元素的属性值

$("button").click(function(){
  $("img").attr("width","180");
});
//改变图像的 width 属性

1
2
3
4

发表你的评论
发表评论
相关文章推荐

jquery入门基础知识

2012年09月25日 12:44112KB
下载

jQuery选择器基础知识

2014年01月10日 12:0766KB
下载

从20k到30k，程序员的核心竞争力到是什么？

如果有人问我：你在面试程序员时，最看中的是什么能力？那我的答案一定是学习力！这么说的原因是…
使用Jquery解析Json基础知识

使用Jquery解析Json基础知识 前言 在WEB数据传输过程中，json是以文本，即字符串的轻量级形式传递的，而客户端一般用JS操作的是接收到的JSON对象，所以，JSON…
maxiaokun55maxiaokun552014年09月09日 10:19422

jquery基础知识总结

2016年06月02日 10:45357KB
下载

jQuery基础知识ppt

2017年11月07日 23:23590KB
下载

AI 工程师职业指南

我们请来商汤、杜邦、声智、希为、58同城、爱因互动、中科视拓、鲁朗软件等公司 AI 技术一线的专家，请他们从实践的角度来解析 AI 领域各技术岗位的合格工程师都是怎样炼成的。
JQuery学习笔记——基础知识和数组以及字符串操作

一、基础知识： 1.选择DOM节点： jQuery利用CSS选择器来访问DOM元素。当利用选择器来访问DOM中元素的时候，元素以jQuery对象的形式被返回。使用CSS选择器来访问DOM中元素时，要使…
Dreamer_wjgDreamer_wjg2016年04月08日 11:10346
基础知识之JQUERY中$ajax()方法参数详解

JQuery中$.ajax()方法参数详解 url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 type: 要求为String类型的参数，请求方式（post或get）默认…
hanjianqiang2468hanjianqiang24682016年09月21日 21:43109
jQuery和zepto基础知识点

概念 $() 等价于 jQuery() JavaScript(ECMA/DOM/BOM) -> 在实际开发中，使用比较麻烦,浏览器的兼容问题 - JavaScript类库(JS库) …
yujie0716006yujie07160062017年08月09日 18:41146
关于jquery的基础知识

========================================jquery基础====================================================…
fendou300fendou3002016年10月11日 18:10188
jQuery的基础知识讲解（使用到的90%）

简介：我相信做前端的大部分人都是用过这个框架，严格意义上还不能说是框架，只能说是常用函数库的一个封装。jQuery的优势： 强大的选择器（利用CSS的优势） 出色的DOM操作 可靠的事件处理机制 完善…
zhanghuiqi205zhanghuiqi2052017年11月10日 22:57118
jQuery入门基础知识学习笔记

JS学了一段时间，之后自己也做了一些小的东西（最近在做个人主页），做东西的过程中，大部分使用javascript来编写，可是有些地方还是会用到一些jquery，比如，事件委托、事件绑定这部分的时候使用…
C_liyunC_liyun2015年05月31日 21:32483
jquery基础知识

jquery的基础知识初学总结 1，$(document).ready 资料上说这个是在文档加载完毕的时候发生，document这里的意思是获取整个文档对象，使用方法如下$(documen…
dy804731771dy8047317712011年08月10日 10:55245
jQuery的基础知识二

在基础知识一中学习了一种选择器，下面是选择器的进一步学习。 1、层次选择器 2、过滤选择器 2.1 简单过滤选择器 2.2内容过滤选择器 2.3可见性过滤选择器 2.4可…
u011030751u0110307512013年12月11日 18:00212
jQuery基础知识一

一 代码风格在jQuery程序中,不管是页面元素的选择、内置的功能函数,都是美元符号“”来起始的。而这个“”来起 始的。而这个“”就是jQuery当中最重要且独有的对象:jQuery对象,所以我们在页…
BaiHuaXiu123BaiHuaXiu1232016年08月10日 15:571546
javascript与jquery基础知识积累

（一）使用jquery操作iframe 1、 内容里有两个ifame
wkcgywkcgy2011年05月04日 16:55453
读《精通jQuery》–javascript基础知识整理

javascript基础知识 1.javaScript创建对象的俩中方式 ①var myData=new Object(); myData.name=“a…
u010653050u0106530502017年02月06日 21:33215
jQuery Mobile基础知识学习

1.基本页面 Page Title
chenbinqqchenbinqq2015年01月17日 20:41369
锋利的JQuery—-JavaScript基础知识（二）

一、DOM文档对象模型 createElement(tagName) 创建名为tagName的标签 createTextNode(data) 创建以data为…
yansong_8686yansong_86862013年10月30日 00:33731
JQuery基础知识—-节点操作，juery事件，动画，实例

•jQuery中的DOM操作 •DOM(DocumentObjectModel—文档对象模型)：一种与浏览器, 平台, 语言无关的接口, 使用该接口可以轻松地访问页面中所有的标准组件 …
oChangWenoChangWen2016年10月06日 15:43990
使用Jquery解析Json基础知识

前言 在WEB数据传输过程中，json是以文本，即字符串的轻量级形式传递的，而客户端一般用JS操作的是接收到的JSON对象，所以，JSON对象和JSON字符串之间的相互转换、JSON数据…