jQuery - 基础知识

约定不等于承诺〃 2022-06-04 07:44 191阅读 0赞

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() \{  
(*t**h**i**s*).*a**d**d**C**l**a**s**s*(‘*r**e**d*′);//设置被点击元素为红色(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，(*d**o**c**u**m**e**n**t*).*r**e**a**d**y*资料上说这个是在文档加载完毕的时候发生，*d**o**c**u**m**e**n**t*这里的意思是获取整个文档对象，使用方法如下(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数据…