jQuery单击以隐藏<h3>标记下的段落 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

jQuery 入门指南教程

： $(this).hide() - 隐藏当前元素 $('p').hide() - 隐藏所有段落 $('p.test').hide() - 隐藏所有 class="test" 的段落 $('#test'...).hide() - 隐藏所有 id="test" 的元素通过jQuery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jQuery...$('#msg').click(); // 触发 id 为 msg 的元素的单击事件 $('#msg').click(fn); // 为 id 为 msg 的元素的单击事件添加函数如果选中多个元素，...jQuery允许将所有操作连接在一起，以链条的形式写出来，比如： $('div').find('h3').eq(2).html('Hello'); 分解开来，就是下面这样： $('div') // 找到...div 元素 .find('h3') // 选择其中的 h3 元素 .eq(2) // 选择第三个 h3 元素 .html('Hello'); // 将它的内容改为 Hello 这是jQuery

1.2K1 1

HTML5+CSS3+JavaScript从入门到精通-21

HTML5+CSS3+JavaScript从入门到精通作者：王征，李晓波第二十一章 JavaScript的框架库jQuery 案例 21-01 jQuery的使用的使用 h3 id="h01">h3> 21-02 jQuery的常用选择器 <!...-- hide \ show \ toggle(若是隐藏，变成显示；若是显示，变成隐藏；toggle就是改变现在的状态) (speed, callback) -- speed,速度，毫秒...jQuery的文档排版非常丰富，因为其轻量级的特性，文档并不复杂，随着新版本的发布，可以很快被翻译成多种语言，这也为jQuery的流行提供了条件。... h3>jQuery的常用事件方法h3> 事件往往都是HTML页面的动作引起的，例如当用户按下鼠标或者提交表单，甚至在页面移动鼠标时，事件都会出现

3K1 0

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

是的

没有找到

WEB入门之十四 jQuery事件

show()是jQuery内置的函数，用来控制元素显示，相当于display=block；hide()也是jQuery内置的函数，用来控制元素隐藏，相当于display=none。...一个参数，表示移除元素上指定的某个事件 $("p").unbind("click"); //移除段落元素的鼠标单击事件 5.4.2 live和die live的作用及用法跟bind差不多，但它进行了功能上的增强...一个参数，表示移除元素上指定的某个事件 $("p").die("click"); //移除段落元素的鼠标单击事件 2....一次移除多个事件，中间用空格隔开 $("p").die("click mouseover"); //移除段落元素的鼠标单击事件和鼠标悬浮事件 5.4.3 on和off on是jQuery 1.7...一个参数，表示移除元素上指定的某个事件 $("p").off("click"); //移除段落元素的鼠标单击事件 2.

1291 0

WEB入门之十四 jQuery事件

show()是jQuery内置的函数，用来控制元素显示，相当于display=block；hide()也是jQuery内置的函数，用来控制元素隐藏，相当于display=none。... 该示例与5.12差不多，只是由hover事件换成了toggle事件，当鼠标单击绿色的标题时，下面的内容就会显示出来；当鼠标再次单击绿色的标题时，下面的内容就会隐藏起来...一个参数，表示移除元素上指定的某个事件 $("p").die("click"); //移除段落元素的鼠标单击事件 2....一次移除多个事件，中间用空格隔开 $("p").die("click mouseover"); //移除段落元素的鼠标单击事件和鼠标悬浮事件 5.4.3 on和off on是jQuery 1.7版本中新增的函数...一个参数，表示移除元素上指定的某个事件 $("p").off("click"); //移除段落元素的鼠标单击事件 2.

821 0

学习jQuery这一篇就够了

="en"]').css('background', 'red'); 需求描述：查找 hreflang 属性值是 en 或者以 en 开头的所有超链接，设置其背景为红色 <a href="" hreflang...可见性筛选器需求描述：让隐藏的段落显示出来我是显示段落我是隐藏段落 $('p...:hidden').css('display', 'block'); 需求描述：让显示的段落隐藏起来我是显示段落 <p style="display...注意：如果存在（不存在）就删除（添加）一个样式类需求描述：当单击按钮的时候，隐藏 div，再次单击按钮的时候，显示 div .hide { width: 100px; height...需求描述：为 ul 下的所有 li 添加单击事件，要求将该单击事件委托给 ul，当单击 li 时，所对应的 li 背景变为红色 1111 2222</

1K5 0

前端基础：jQuery

='x']").css("color","red"); // 选取 href 属性以 www 开头的元素 $("[href^='www']").css("color","red");...// 选取 href 属性以 com 结尾的元素 $("[href$='com']").css("color","red"); // 选取 href 属性包含 a 的元素 $("..."red"); 事件鼠标事件鼠标事件是当用户在文档上移动或单击鼠标时而产生的事件。...改变元素的宽和高（带动画效果） show(speed)：显示 hide(speed)：隐藏 toggle(speed) 等价于 show + hide：显示的隐藏，隐藏的显示可选的 speed 参数规定隐藏...） slideDown(speed)：显示 slideUp(speed)：隐藏 slideToggle(speed) 等价于 slideDown + slideUp 可选的 speed 参数规定隐藏/显示的速度

13.6K2 0

HTML 标题

h3>这是一个标题。h3> 标题很重要请确保将 HTML 标题标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。搜索引擎使用标题为您的网页的结构和内容编制索引。...因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。...实例这是一个段落。这是一个段落。这是一个段落。...如果您想找到其中的奥秘，只需要单击右键，然后选择"查看源文件"（IE）或"查看页面源代码"（Firefox），其他浏览器的做法也是类似的。这么做会打开一个包含页面 HTML 代码的窗口。...隐藏注释如何在 HTML 源代码中插入注释。水平线如何插入水平线。 ---- HTML 标签参考手册菜鸟教程的标签参考手册提供了有关这些标题及其属性的更多信息。

1.8K2 0

一文深入JQuery

文章目录动画三种方式显示和隐藏元素默认显示和隐藏方式滑动显示和隐藏方式淡入淡出显示和隐藏方式遍历 js的遍历方式 jq的遍历方式 jq对象.each(callback) $.each...广告显示和隐藏抽奖插件：增强JQuery的功能实现方式：动画三种方式显示和隐藏元素默认显示和隐藏方式 show([speed,[easing],[fn]]) 参数： speed：动画的速度...事件切换：toggle jq对象.toggle(fn1,fn2…) 当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2… 注意：1.9版本 .toggle() 方法删除,jQuery...分析发现JQuery的显示和隐藏动画效果其实就是控制display 3..../img/man06.jpg", ]; var startId;//开始定时器的id var index;//随机角标 $(function () { //处理按钮是否可以使用的效果

3.4K3 0

Jump Start Bootstrap 第4章

Bootstrap为下拉插件提供了一些附加事件,它们是： show.bs.dropdown: 这个事件在句柄被单击时触发;下拉句柄收到请求去显示隐藏菜单； shown.bs.dropdown: 这个事件在菜单被显示时触发...与普通面板的panel-body没有包装在任何div中不同，在这里被div包裹是强制性的，以达到折叠的效果。...Carousel是一个响应式幻灯片插件、modal是一个模态框插件；它们每一个都让你以一种奇特的方式展示你的内容。 Carousel(旋转木马) 幻灯片非常流行，可以用于新闻、电子商务和视频共享网站。...如果您在浏览器中检查前面的模式对话框代码片段，则将一无所获;模式对话框是隐藏的。...我们还需要定义的data-toggle属性来确定单击时触发的内容。现在我们准备好使用我们的模式对话框了。点击按钮，查看浏览器中的模式对话框，如图所示。 ? ?

28.4K4 0

JQuery 笔记（二）

JQuery 高级 1. 动画 1. 三种方式显示和隐藏元素 1....) * 当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2........分析发现JQuery的显示和隐藏动画效果其实就是控制display 3..../img/man06.jpg", ]; var startId;//开始定时器的id var index;//随机角标...插件：增强JQuery的功能 1.

3.1K1 0

Ajax与jQuery异步加载数据

由于用 jQuery 实现 ajax 比较简单，因此接下来的代码引用jQuery库实现Ajax，另外使用Django作为框架。其中jQuery可以手动下载放到本地文件夹中，也可以引用下面的语句。...在动态更新页面的情况下，用户无法回到前一个页面状态，这是因为浏览器仅能记下历史记录中的静态页面。...一个被完整读入的页面与一个已经被动态修改过的页面之间的可能差别非常微妙；用户通常都希望单击后退按钮，就能够取消他们的前一次操作，但是在Ajax应用程序中，却无法这样做。...不过开发者已想出了种种办法来解决这个问题，HTML5之前的方法大多是在用户单击后退按钮访问历史记录时，通过创建或使用一个隐藏的IFRAME来重现页面上的变更。...（例如，当用户在Google Maps中单击后退时，它在一个隐藏的IFRAME中进行搜索，然后将搜索结果反映到Ajax元素上，以便将应用程序状态恢复到当时的状态）。

10.9K2 0

前端基础-JQuery (二)

三种方式显示和隐藏元素 1. 默认显示和隐藏方式 1. show([speed,[easing],[fn]]) 1. 参数： 1. speed：动画的速度。...) * 当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2........分析发现JQuery的显示和隐藏动画效果其实就是控制display 3..../img/man06.jpg", ]; var startId;//开始定时器的id var index;//随机角标...插件：增强JQuery的功能 1.

2.4K1 0

Web阶段：第五章：JQuery库

Jquery 的初体验需求：使用Jquery和javascript给一个按钮绑定单击事件注意：使用Jquery之前要将第三方jar包导入 <!..."); } } //使用Jquery给一个按钮绑定单击事件，Jquery中的$()代替window.onload...id为two的元素" id="btn18" /> h3>基本选择器....动画基本动画 show() 显示隐藏的元素第一个参数是动画执行的时候，（单位是毫秒）第二个参数是动画执行完成时的回调函数 hide() 隐藏可见的元素第一个参数是动画执行的时候，（单位是毫秒...而jquery的页面加载完成之后，会把所有注册了函数都按照注册的顺序，依次全部执行。事件 **click()** 绑定单击事件。触发单击事件 **mouseover()** 绑定鼠标移入事件。

26.3K2 0

WEB入门之十二 jquery简介

我们在前面的课程中已经学习了DOM，它是通过文档对象模型以面向对象的方式来操纵HTML元素。通常使用document对象的相关方法来获取HTML元素，这时获得的是DOM对象，例如下面的代码。...上述代码还涉及到了jQuery中的鼠标单击事件click。...单击浏览器菜单栏中的【工具】|【开发人员工具】菜单项，或快捷键F12打开开发人员工具界面 3.1.1 FF 9 1....实现步骤（1）实现树形菜单界面，二级子菜单默认隐藏，参考代码如下所示。.../隐藏巩固练习一、选择题 1.

1211 0

jQuery (二)

使用jQuery处理事件事件处理一个栗子，单击p时背景变成灰色由于es6的箭头函数不支持this的绑定，所以无法使用箭头函数，只能使用匿名函数 html 的单击处理程序或者如下 // 单击一将会触发二上的事件 $('#button1').click((e) => {$('#button2').trigger('button2'...$('p').animate({ marginLeft: "+=.5in", // 增加段落缩进 opacity: '-=.1' // 同时减少不透明度 }) hide会保存当前属性的值，然后将值变化到...并且将会以post请求发送。...(a)); 组合选择器 blockquote i // 匹配blockquote里的i元素 ol > li // 选择ol元素下的li元素选择器组 h1, h2, h3 // 匹配h1 h2 h3的元素

9.3K3 0

页面点击特效

_list = $('#cnblogs_post_body h3'); //博客园的正文的div的id为cnblogs_post_body，然后查找下面所有的h3 if (jquery_h3...content += '隐藏目录...，再次点击显示目录">阅读目录'; content += ''; //循环所有的h3，然后在h3的前面添加回到顶部的功能...(window).load(function () { $("#container").roll({ speed: 2 }); }); //滚动文字结束 //单击显示随机文字..., "我们的目标：向钱看，向厚赚。", "帅有个屁用！到头来还不是被卒吃掉！")

2.7K2 0

JavaWeb——JQuery之高级案例实战（打开网页自动弹出广告效果、抽奖效果实现）

的显示和隐藏动画效果就是控制display； 3）使用 show/hide方法来完成广告的显示；【代码实现】：广告的自动显示与隐藏 ...2 抽奖效果实现【需求】： 1）点击开始按钮，小相框中滚动图片； 2）点击停止按钮，小相框停止滚动，大相框中显示选中的图片；【分析】： 1）给开始按钮绑定单击事件：定义循环定时器、切换小相框的.../img/man06.jpg", ]; var startId;//开始定时器的id var index;//随机角标...给结束按钮绑定单击事件 $("#stopID").click(function () { //处理按钮是否可以使用的效果

2.3K4 0

一、前端基础-html-body基本标签

-- 标题标签：h 1、通过h1-h6定义标题标签 2、标题标签有定义好的字体样式 --> 这是h1标签这是h2标签 h3>这是h3标签h3> 这是h4...-- 段落标签：p 1、p标签可以自动换行 2、p标签会自动隔行（行间距增大） --> 这是段落标签这是段落标签标 --> 这是下角标 23 标 --> 这是上角标 23 <!...--标签属性 1、id:标签的唯一标识 --> 标签属性

8943 0

前端中那些让你头疼的英文单词

作为一个程序员，一个标标准准的理工男，肯定会有一个问题，英语虐我千百遍，我却待它如初恋。相信我，为英语头疼的你并不孤单。除了那些天赋异禀的神人，我们都一样。...---- head 头部 body 身体 h 这是标题，比如一级标题h1，h1~h6 p 段落 div 区块（最常用的标签之一，里面可以放任何内容） span 存放的是特殊效果的文字和小图片 img 图片...字符串 boolean布尔型 null 无 object 对象 undefined 没有定义 onclick 单击（js中，在jQuery中是click） onmouseover鼠标滑过 onmouseout...高级 ---- show 显示 hide 隐藏 toggle 触发（在jQuery中，但凡是有两个功能的效果是相反的，肯定会有第三个功能，这个功能会集成那两个功能，这个功能的名称单词中肯定会有toggle...子级的 addClass 添加类 removeClass删除类 hover 鼠标滑过 eq 找下标 animate 自定义动画函数 slideUp 隐藏（向上滑，就是把东西收起来，就隐藏了） slideDown

2.3K2 0

杨老师课堂之Jquery的筛选,事件,效果,Ajax,javascript跨域)

事件,而不触发和元素上的 click事件.当单击元素时,只触发元素上的click事件, 而不触发元素上的click事件....可以用同样的方法解决元素上的问题阻止默认行为网页中的元素都有自己默认的行为,例如:单击超链接后悔跳转,单击”提交”按钮会表单会提交,有时需要阻止元素的默认行为在jquery中,提供了preventDefault...当鼠标移出这个元素时，会触发指定的第二个函数 toggle(fn,fn2,[fn3,fn4,…])用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件 hover 在mouseover...],[easing],[fn]) 如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。...，可以使匹配的元素以“滑动”的方式隐藏或显示  滑动：改变高度 slideDown，显示（从上往下） slideUp，隐藏（从下往上） slideToggle()切换 ——

8.3K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭