为什么当我点击它时，使用jQuery函数的按钮没有用类：.red，.yellow隐藏我的div？ - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

与Ajax同样重要的jQuery（1）

DOM对象属性方法，DOM对象也无法使用jQuery对象属性方法。...但是我们可以使用jQuery提供方法，将DOM对象通过jQuery()函数包装成为jQuery对象，同样我们可以把jQuery对象转化成DOM对象。...在动画完成时执行的函数 div> div> fadeOut(speed, [callback]) 概述通过不透明度的变化来实现所有匹配元素的淡出效果，并在动画完成后可选地触发一个回调函数。...在动画完成时执行的函数 div> ④：内容过滤选择器内容选择器是对子元素和文本内容的操作 :contains(text) 选取包含text文本内容的元素 $("div:contains...","yellow"); // 对所有既有id又有class属性div元素，添加一个点击事件，打印div标签中内容 $("div[id][class]").click(function(){ alert

11.5K6 0

Jquery入门基础教程免费版

/div> div class="three">类样式的周鸿祎div> 如何不使用innerHTML呢？...C#就是基于事件机制编程的语言。事件的使用方法，三步骤：务必记住：找事匿 1.找对象 2.定事件 3.匿名函数 3.0 常用事件 Blur事件当元素失去焦点时触发 blur 事件。...mouseover事件鼠标指针移过时 mouseout( ) 触发或将函数绑定到指定元素的mouseout事件鼠标指针移出时 3.1.2 键盘事件当我们在键盘尚进行按键操作的时候，做出的响应事件...当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。按钮来做测试，更简单--> 4.5 遍历函数实际它属性节点的查找：复习：first() last() sibings()都是查找；语法功能 each

2.2K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

学习jQuery这一篇就够了

它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作事件处理动画和 Ajax 操作更加简单。...目前超过 90% 的网站都使用了 jQuery 库，jQuery 的宗旨：写的更少，做得更多！...，jQuery 定义了这个全局的函数供我们调用，它既可作为一般函数调用，且传递的参数类型不同 / 格式不同，功能就完全不同，也可作为对象调用其定义好的方法，此时就是一个工具对象。...注意：如果存在（不存在）就删除（添加）一个样式类需求描述：当单击按钮的时候，隐藏 div，再次单击按钮的时候，显示 div .hide { width: 100px; height...', 'red'); }); # 2. blur() 方法描述：当获取焦点时触发所绑定的函数。

3.5K5 0

es6中class类的全方面理解（二）------继承

上面代码中，子类的constructor方法和say方法中，都出现了super关键字，它在这里表示父类的构造函数，用来新建父类的this对象。...子类必须在constructor方法中调用super方法，之后才能使用this关键字，否则新建实例时会报错。这是因为子类没有自己的this对象，而是继承父类的this对象。...1.作为父类的构造函数调用(已说明） 2.在普通方法中，作为父类的实例调用（已说明） 3.在静态方法中，作为父类调用（下篇文章会做介绍）实例创建一个tab切换，页面中有三个按钮内容分别为“中...要求点击按钮，按钮以及切换的内容的背景颜色分别会变为红，黄，绿。首先创建一个tab.html页面，内容为： div"); this.colorArr=["red","yellow","green"]; this.index=

9982 0

25个常规方法优化你的jquery代码

处理DOM插入操作时，将需要的内容包装在一个元素中嗯，不要问我为什么要这样做（我相信一个有相当经验的程序员会给你解释）。在上面的例子中我们使用.html()将1000个item项插入到UL中。...当我们点击表格中的单元格时，上面的代码将使所有单元格背景变为红色。...当你点击按钮时，我们希望通过slideDown()和slideUp()进行菜单的展开与收缩。...我们仅仅向包装器DIV添加一个额外的class，它只是告诉我们item项的状态。因此在按钮点击之后我们所需要的只是click事件处理，这会执行相应的slideUp()和slideDown()方法。 ...给你的HTML属性增加JS类我是从Karl Swedberg那学到这个技巧，过去学习jQuery时一直在看他的书。他最近在我以前的文章留下了对该用法的评论，基本原则如下示之。

2.4K1 0

jQuery插件开发全解析

但是，通常当我们编写一个插件时，力求仅使用一个名字来包含它的所有内容。...个人来说，我喜欢这个Metadata插件，因为它让你使用不多的"markup”覆盖插件的选项（这非常有用当创建例子时）。而且支持它非常简单。更新：注释中有一点优化建议。...jQuery.fn.extend(object); 对jQuery.prototype进得扩展，就是为jQuery类添加“成员函数”。jQuery类的实例可以使用这个“成员函数”。...比如我们要开发一个插件，做一个特殊的编辑框，当它被点击时，便alert 当前编辑框里的内容。...实例，当它调用成员方法 alertWhileClick后，便实现了扩展，每次被点击时它会先弹出目前编辑里的内容。

1.4K7 0

python_day15_前端_jQue

它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments...jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。二什么是jQuery对象？ ...如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#test”).html(); 基础语法： jquery的基础语法：$(selector).action(...--jQuery_v3.3.1.js" type="text/javascript"> // 点击增加以及事件都能使用...windows_yellow的Hide方法 $(".start").click(function () { // 回调函数最后再执行一次函数, $('.window_yellow

7K2 0

JQuery 入门学习(一)

一般Jquery的代码都放在这个块里面。$("botton")选择了文档中第一个，也就是按钮。click也是一个事件，表示当该按钮被点击后执行这里面的代码。...（具体是读取还是修改要看具体情况，在我这里就是修改）所以，点击了按钮后，div id="exm">div>中就被加入了“离别歌”三个字。 ...我们点击了按钮后就能看到，“离别歌”三个字变成了红色。隐藏和显示和动画效果 Jquery自带了一些动画效果，通过一些参数就能显示出来。...我也只是改了一句话：$("div#exm").hide('slow'); 将id=exm的div元素隐藏，并且是慢慢隐藏，因为有'slow'参数。 ...Jquery封装了很多我们平时用的最多的方法和过程，使得前端编程变得简便。往后我还会继续详细介绍Jquery语法，ajax的使用，还会分享一些Jquery的插件及其用法。

2.1K1 1

脚本语言知识总结.

在动画完成时执行的函数 div> div> fadeOut(speed, [callback]) 概述通过不透明度的变化来实现所有匹配元素的淡出效果，并在动画完成后可选地触发一个回调函数。...在动画完成时执行的函数 div> ④：内容过滤选择器内容选择器是对子元素和文本内容的操作 :contains(text) 选取包含text文本内容的元素 $("div:contains...","yellow"); // 对所有既有id又有class属性div元素，添加一个点击事件，打印div标签中内容 $("div[id][class]").click(function(){ ?...² 页面内有两个按钮，点击按钮1，触发按钮2的 click事件执行 <script type="text/javascript" src=".....p元素中内容 $("p").one("click",function(){ alert($(this).text()); }); //页面内有两个按钮，点击按钮1，触发按钮2的 click事件执行

6.7K13 0

【jQuery案例】手风琴

利用选择器获取到页面中的小方块时，通过fadeIn()和fadeOut()方法控制方块的显示与隐藏。案例实现 HTML 页面结构主要使用div、ul、li标签。...思路： 1、设置一个div，类名为king，用于存放方块。 2、设置方块结构，使用ul定义无序列表结构，使用li代表小方块结构。li的类名为current，表示初始状态。...3、在li标签内部定义两个div元素，类名分别为big和small。big表示大方块，small表示小方块。 4、通过颜色类名red1和red2等方式设置大小方块的颜色。...2、设置最外层盒子的样式。最外层盒子也就是类名为king的元素，设置它的大小，背景颜色，边距，使其居中显示，隐藏超出盒子的部分。 3、设置大小方块的背景色。 4、取消列表ul的默认样式。...position：relative是基于该元素本身原来的位置来定位，当它进行位置移动时，它还是占用着原来的位置。 6、设置初始状态。

2.6K2 0

从零开始学 Web 之 jQuery（二）获取和操作元素的属性

一、jQuery获取和操作元素属性 DOM中有很多方式获取元素，比如通过id，通过标签名，通过类名，通过name的值，通过选择器等方式。...this.value = "改变按钮"; // 是DOM的写法，没问题。 PS：jQuery 中使用 jQuery对象.val("内容") 来设置表单标签的 value 属性。...}); }); 点击按钮设置应用了 cls 类选择器的标签的边框样式。...PS：jQuery中使用 jQuery对象.css("属性":"值"); 的方式设置标签的样式。 4、并集选择器语法：$("div,p,span")，中间使用逗号隔开。...", "red"); $("div li:even").css("backgroundColor", "yellow"); }); }); :odd 选择第奇数个 li 标签。

2.4K4 0

Web前端JQuery入门实战案例

前端jquery入门到实战为什么要学习Jquery?因为生活。案例： div> div>div> jquery 快速的，轻量级的，功能丰富的 js 库。...动画(animation)，ajax，DOM，更简单，容易使用的api。...jquery api 文档开发环境，测试环境，生产环境 git svn $(function(){ // 写jquery入口函数的第二种方法 }); jq对象和Dom对象 ...$("li.green").css(); jquery的样式 css(name, value) name: 样式名 value: 样式值基本选择器 id选择器类选择器标签选择器并集选择器 $

4.5K1 0

jQuery 基本语法

示例解析：上边的效果是点击文档中所有a标签时将弹出对话框（alert），其中，$("a") 是一个jQuery选择器，$本身表示一个jQuery类，所有$()是构造一个jQuery对象，click(..."); } 运行：当点击id为test的元素时，背景色变成黄色（yellow） $(elems) 说明：限制jQuery作用于一组特定的DOM元素参数： elem：一组通过jQuery对象压缩的DOM...}); }) 最终效果是当鼠标移到id为a的层上时图层增加一个red样式，离开层时移出red样式 toggle(Function, Function) 当匹配元素第一次被点击时触发第一个函数...，当第二次被点击时触发第二个函数样式：.red{color:#FF0000} Html代码： div id="a">sdfdiv> jQuery代码及效果 $(...5类举例，click(fn) 扩展 click() unclick() oneclick(fn) unclick(fn) click(fn)：增加一个点击时触发某函数的事件 click()：可以在其他事件中执行匹配对象的

4.9K4 0

jQuery

jQuery的基本使用入口函数 // $('div').hide(); // 1.等着页面DOM加载完毕再去执行js代码...//（3）fn:回调函数，在动画完成时执行的函数，每个元素执行一次。...//（3）fn:回调函数，在动画完成时执行的函数，每个元素执行一次 hide([speed,[easing],[fn]]);//中括号表示可以省略此参数，无动画直接显示 3.切换显示和隐藏 toggle...（3）fn: 回调函数，在动画完成时执行的函数，每个元素执行一次。...可以利用定时器自动触发右侧按钮点击事件，不必鼠标点击触发。

23K5 0

jQuery

3.切换类 $("div").toggleClass("current"); 在原生js中className会覆盖类名，在jQuery中指操作指定类名，不影响原先的类名 3.2 jQuery效果...fn :回调函数，在动画完成时执行的函数 3.2.2 滑入滑出滑入滑出：slideDown() / slideUp() / slideToggle() ; 3.2.3 淡入淡出淡入淡出：fadeIn...，第二个是鼠标移出时触发的函数只写一个参数时，鼠标移入移出都会触发它 4.1 jQuery属性操作 4.1.1 元素固有属性值 prop() 获取元素本身自带的属性,有利于对表单操作表单属性...隐式迭代是对同一类元素做同一件事情，但是要做不同事情的话还是需要使用遍历 $('div').each(function(index, domEle) {}); 是dom对象不是jQuery对象，需要转换成...'red','blue','yellow']; $('div').each(function(index, domEle) { //index是索引号 domEle是dom元素对象 $(

10.3K1 0

js显示隐藏 display visibility以及jquery里的show hide的区别

js显示隐藏 display visibility以及jquery里的show hide的区别文章包含个人理解，错误请您指出。...元素是可见的。 hidden 元素是不可见的。 collapse 当在表格元素中使用时，此值可删除一行或一列，但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。...这是为什么呢？...，跟display一样剩下了黄色和蓝色的div并且黄色跑到了顶部，其实hide方法就相当于display none隐藏，不会保留原位置。.../body> 这下是visibility的隐藏起作用了那究竟是谁的级别更高呢个人认为：谁隐藏谁级别就高，会优先执行隐藏属性，display隐藏就使用display回流，visibility隐藏就使用

6.3K2 0

详细说明如何实现简易轮播效果

2、html布局： 1、如图：目的——首先明白移动层body类的作用：这个元素内包裹的元素就是移动的元素，当body这个类随意使用某个可移动的样式时，内容元素就会随着body类移动而移动；...我们要将内容元素连着平铺在body这个类中！这个案例中，我给body类的样式改变了display，改成了flex，这样内容元素就会整个平铺在body类中。...当我们将主元素设置为body类，那么body类就是一级元素，它的直接子元素是二级元素。二级元素跟二级元素是相同的也就是兄弟元素，都属于二级元素。...使用jQuery或许就没有这种问题，为了保险我们还是将left值设置在内联样式上；如图： 3、JavaScript部分首先该理解的是当点击按钮时移动层的left值变动。...这里使用jQuery写法，为两个按钮绑定点击事件。这里#next为下一张，#prev为上一张。绑定好事件后，设置关键的两个全局变量。一个是index用于记录当前所在内容屏数。

1751 0

使用jquery-easyui写的CRUD插件(1)

但是，通常当我们编写一个插件时，力求仅使用一个名字来包含它的所有内容。...个人来说，我喜欢这个Metadata插件，因为它让你使用不多的"markup”覆盖插件的选项（这非常有用当创建例子时）。而且支持它非常简单。更新：注释中有一点优化建议。...div> 现在我们能高亮哪些div仅使用一行脚本： $('.hilight').hilight(); 2.7 整合下面使我们的例子完成后的代码：这段设计已经让我创建了强大符合规范的插件...比如我们要开发一个插件，做一个特殊的编辑框，当它被点击时，便alert 当前编辑框里的内容。...实例，当它调用成员方法 alertWhileClick后，便实现了扩展，每次被点击时它会先弹出目前编辑里的内容。

1.2K9 0

【JQuery框架】五大选择器“全家桶”详解！！！

今天来和大家分享一下jQuery的五种选择器的详细使用方法，那么何为选择器？...从功能上来讲，它能够筛选具有相似特征的元素标签，在我们想要对具有相似特征的元素进行集中或统一操作时是十分有用的，选择器基本操作首先我们需要了解选择器使用的基本操作，该基本操作可以分为三步： 1、事件绑定...选择器的使用需要进行事件的绑定，一般来说我们可以将事件绑定到一个按钮上去，通过按钮的点击来触发相应的事件响应。...2、入口函数同时在jQuery中，这样的事件绑定是需要写在一个入口函数中去的，在的代码段中建立入口函数的语法是： $(function(){ }); 在这里需要注意的是...，而第二个选中选择器的作用对象是下拉框，同时对于第二种选择器，它的作用内容是下拉框中的包含在内的选项，因此在使用时应当使用“>”来具体说明，具体可以看下面的实例： <!

2.3K2 0

jQuery动画，案例

(显示变隐藏,隐藏变显示) toggle([spe],[eas],[fn]) $("button").eq(2).click(function () { $("div").toggle(1000...alert("淡入完毕"); }) }); 自定义动画有时候jQuery中提供的集中简单的固定动画无法满足我们的需求, 所以jQuery还提供了一个自定义动画方法来满足我们复杂多变的需求 animate...(p,[s],[e],[fn]) /* 第一个参数: 接收一个对象, 可以在对象中修改属性第二个参数: 指定动画时长第三个参数: 指定动画节奏, 默认就是swing 第四个参数: 动画执行完毕之后的回调函数..."div").stop(false, true); // 立即完成当前的, 并且停止后续所有的 $("div").stop(true, true); 案例1——新浪微博主要利用已有的图片素材，通过jQuery...-- div class="info"> 如果有一天我要去流浪 <p class

6K1 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭