jq监听子元素被点击_jQuery怎么实现当前被点击元素的父级下的某个元素显示出来了？...

这里添加事件这里添加事件这里添加事件

这里需要点击后显示出来

jquery用$(this)选择他下面的子元素的方法：

使用遍历函数children()，关键代码为 $(this).children("li")，表示获取当前元素下所有标签为

的子元素。

下面实例演示：点击div标签后，何用$(this)选择它下面的

子元素，为了显示效果，将其设置为红色。

1、新建HTML文件，输入如下的HTML结构，为了说明问题，在div标签下除了li元素外，还设置了其他类型的子元素。

我是span标签

我是li标签

我是超链接a标签

2、在上面新建文件的开头输入如下jquery代码，表示在单击div标签区域后，执行一个函数，具体动作为获取当前div下的li标签元素，然后使用css()函数设置它的字体颜色为红色。

$(function(){

$("#test").click(function() { // 单击div元素

$(this).children('li').css('color','red'); // 使用children('li')获取div下的li元素，然后设置颜色为red即红色

});

3、保存文件，使用浏览器打开，演示效果如下图所示，从结果可知，只有div下的li子元素被选中。

jq监听子元素被点击_jQuery怎么实现当前被点击元素的父级下的某个元素显示出来了？...相关推荐

jq监听子元素被点击_vue开发app点击字母展示地区列表（兄弟组件之间联动）
下图这种地区搜索方式在很多app中都很常见,今天就使用vue框架中的 better-scroll 第三方包来实现页面滚动和点击侧边栏字母该字母开头的地区列表置顶功能. 1.A子组件通过使用 this. ...
jq监听子元素被点击_jquery怎么监听点击事件？
HTML 事件是发生在 HTML 元素上的事情.那么我们要如何使用jquery来监听事件呢?下面我们就来看一下jquery监听事件的方法. jquery中可以使用click().on()等方法监听事件 ...
Vue.js 之组件-监听子组件事件
1.监听子组件事件前面介绍了父组件如何通过 prop 向子组件传递数据,反过来,子组件如何向父组件通信呢? 在 Vue.js 中,这是通过自定义事件来实现的,子组件使用 $emit() 方法触发事件 ...
jq监听input type=file发生改变，即选择文件,并获取文件名称
jq监听input type="file"发生改变,即选择文件,并获取文件名称 <input id="fileupload" name="fil ...
vue关于监听子组件接收从父组件传过来的动态值的问题
这几天开发时,发现了一个现象,当我想监听子组件接收的从父组件传过来的值得时候,watch不起作用,查了很多资料,大概的原因是因为watch监听得必须是第一次绑定得值,并且初始值发生了改变得时候才会监听 ...
jquery 监听td点击事件_VUE @hook浅析（监听子组件的生命周期钩子） - 古兰精
一.前言接触hook是从webhook开始接触的,webhook是git的一个扩展服务,可以在仓库接收到push/commit事件并发送http request至一个开发者可以自定义的URL.通过这 ...
HTML父页面监听子页面关闭并回调方法
1.方式一:父页面监听父页面中: //此处省略新窗口的设置参数var win = window.open("url", "name", "featu ...
window.open 打开vue路由，并监听页面关闭事件，监听子父页面消息传递
name:路由 query:传递参数 const page2 = this.$router.resolve({name:'addHs',query:{hsCode:row.hsCode}}); var ...
jq监听页面的滚动事件，
jQuery监听页面的滚动状态,实现代码: $(document).scroll(function() { var scroH = $(document).scrollTop(); // ...
jq 监听 radio 选择
监听document中的radio $(document).ready(function() { $('input[type=radio][name=optionsRadiosinline]').ch ...

jq监听子元素被点击_jQuery怎么实现当前被点击元素的父级下的某个元素显示出来了？...

jq监听子元素被点击_jQuery怎么实现当前被点击元素的父级下的某个元素显示出来了？...相关推荐

最新文章

热门文章