jquery 根据样式获取对象子元素的第一个并添加触发事件

最新推荐文章于 2021-11-23 00:50:47 发布

weixin_30802273

最新推荐文章于 2021-11-23 00:50:47 发布

阅读量569

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lengzhijun/p/5516353.html

本文介绍了一种使用jQuery触发页面上指定元素点击事件的方法，具体为选择第一个.lmenu类下的首个ul元素里的第一项li元素，并触发其点击事件。

(".lmenu").children("ul:first").children("li:first").trigger("click");

转载于:https://www.cnblogs.com/lengzhijun/p/5516353.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30802273

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

使用jQuery点击子元素并增加样式

2301_79326930的博客

09-24

209

你可以从官方网站（https://jquery.com/）下载最新版本的jQuery，并在页面中引入。在编程中，经常会遇到需要在用户点击某个元素时为其添加样式的情况。本文将介绍如何使用jQuery选择子元素，并在点击事件发生时为其添加样式。方法并传入"highlight"参数，这会将名为"highlight"的CSS类添加到被点击的元素上。当用户点击这些子元素中的任意一个时，事件处理函数将被调用。子元素时，这个子元素将会添加我们定义的样式，即背景颜色变为黄色。来引用当前被点击的元素（即事件发生的元素）。

jQuery选择器之子元素过滤选择器

10-19

当`$("div.one :only-child")`被触发时，如果有且仅有一个子元素属于`div.one`，那么这个子元素将被选中并应用样式。在提供的代码示例中，我们看到四个按钮，分别对应四种不同的子元素过滤选择器。当点击这些按钮...

参与评论您还未登录，请先登录后发表或查看评论

动态创建元素的绑定事件

weixin_33924220的博客

02-27

335

最近做项目时遇到一个问题，由于列表的数据是从后台获取并渲染到页面的，因此在给它绑定一个点击事件后，触发没有任何效果。一.出现的原因通过对页面元素的输出来了解代码的执行先后： function getseed() { console.log(1) var str=""; axios.get(apiurl+"/ishop-user/seed/getAllForSelect...

Jquery 获取某个样式除第一个以外的元素

马金波

11-26

1万+

:not(:first) 非第一个原色 :not(.test) 非$('.test')以外的元素

jQuery获取第一个元素的6种方式

快乐每一天

07-23

3048

1、 $("tr:first").css("font-style", "italic"); $("tr").filter(":first").css("font-style", "italic"); 2、 $("tr:eq(0)").css("font-style", "italic");

JQuery 使用技巧（二）: 为动态添加的子元素添加点击事件

一只奋斗的猪

11-23

6220

现在有这样的一个需求：动态生成列表（使用的是 `ul`），并且每一项（`li`）里面都有一个 “`详情`” 按钮，现在需要实现点击按钮，然后弹窗并通过 `id` 显示详情。 1. JS 原生：每个按钮都添加一个 onclick 2. JQuery：通过 on 添加事件监听. `JQuery` 提供的 `click` 函数只能为 `document` 初始化完成前已经存在的元素添加点击事件。这个时候可以通过使用 `on` 函数来注册事件

jQuery中多个元素的Hover事件解决方案

10-25

`，那么在鼠标从一个元素移动到另一个元素时，会依次触发两个事件（即fun2和fun1），这并不是我们所期望的效果。为了达到这样的需求，一种简单的方法是更改HTML结构，将多个元素放入同一个父容器中，然后在这个父...

jQuery on()方法绑定动态元素的点击事件无响应的解决办法

11-25

这里的`selector`是那些在页面加载时已经存在的父级元素，`eventName`是要绑定的事件类型（如`click`），`childSelector`是动态添加的子元素的选择器，而`function(eventData)`是事件触发时执行的回调函数。...

Jquery 获取第一个子元素

xufan601391682的博客

12-26

6866

获取元素找到class="box-button"元素下的 div 的第一个 span 子元素，隐藏它。$(".box-button").find("div span").first().hide(); 找到 errInfo 标签下，tbody 标签里的 tr 标签（排除第一个）的第四个 td 元素，并添加函数 $("#errInfo tbody tr:not(:first) td:n

jquery遍历给每个子元素绑定事件

果果的小窝

01-20

2万+

代码如下： $(function(){ $('.evals>li').each(function(index){ $(this).on('click',function(){ $('.text').val($('.evals>li').eq(index).html()); }) }) }) each()以每一个匹配的元素作为上下文来执行一个函数。配合$

JQuery中根据属性或属性值获得元素

weixin_34365417的博客

04-03

2151

根据属性获得元素 1.比如要获取页面p标签中属性有id的元素 $("p[id]").css("color","red"); 根据属性值获得元素 1.$。在jQuery 中$("<span>")，这个语法等同于$(document.createElement("span")) ，这是一种用法，在选择元素的时候还会这样子的用：[attribute$=value]，匹配给定的属

Jquery实现点击子元素标签只触发子元素点击事件，不触发父元素点击事件

白驹过隙

06-07

2万+

最近写代码遇到一个细节的小问题，点击子元素标签不仅触发了子元素点击事件，还会执行父元素点击事件，例如: 子元素 tabclose="11" > 子元素 为li标签和i标签都添加点击事件后，当我点击i标签区域，li标签的点击事件也会触发，后来经过查询文档发现，避免这个问题只需要为i标签的点击事件上加上jquery防止事件冒泡即可，如下： $("i").on("click",

jquery 获取页面点击事件 $("body").click()

热门推荐

huaishuming的专栏

01-05

5万+

需求：当某个按钮触发click事件，那么显示某个DIV 代码 $("#button1").click(function(){ $("#div1").show(); }); 再次点击则隐藏：所以以上代码不要了换成 $("#button1").click(function(){ $("#div1").toggle(); }); 定义和用法

JQuery利用find查找子元素并修改其样式和属性

T型人小付的博客

09-08

9774

最近做项目遇到一个根据ajax结果自动更新form表单内元素的需求，涉及到JQuery关于子元素的一些操作，特意记录一下。文章目录测试环境子元素查找修改元素样式和属性测试环境 html如下 <div id="container"> <div id="box1"><span id="span1"></span></div> <div id="box2"><span id="span2"></span&

JQuery append 追加的元素里触发的事件

weixin_33755557的博客

12-01

434

2019独角兽企业重金招聘Python工程师标准>>> ...

12种获取节点和元素的代码

weixin_30668887的博客

07-19

196

12个代码获取元素和节点 1. element.parentNode //获取父节点 2. element.parentElement //获取父元素 3. element.childNodes //获取子节点 4. ele...

jquery动态生成的元素自动执行一次click事件

caixiajia的专栏

06-05

8045

$(document).ready(function(){ $(".d").live("click",function(){ alert("自动点击链接被点击！"); }); $("#x").append("自动点击！");; $(".d").click(); });注意使用live绑定，动态生成的对象生成之后再执行click

jq获取class,类属性的第一个元素

liguoxiangzhizui的博客

10-13

2万+

html:代码: 获取我 jq代码 $(".class1”)[0].append("追加代码");

全面掌握jQuery1.3中文API:事件、属性与样式全解析

事件处理函数内部，`this`关键字通常指向触发事件的元素，而事件对象（event）可以传递给事件处理函数，提供更多关于事件的信息。 #### 3. 属性 jQuery提供了很多操作元素属性的方法。在中文API中，这些方法都有...