mwfd.net
当前位置:首页 >> jquEry获取当前元素 >>

jquEry获取当前元素

jquery 的 index() 方法返回指定元素相对于其他指定元素的 index 位置,因此可用于获取当前li元素顺序.注意index是从0开始计数的,所以index+1才是实际的顺序.<br>$("li").click(function() {<br> num = $(this).index()+1; // 当前点击的li元

$(document).click(function(e) { // 在页面任意位置点击而触发此事件 $(e.target).attr("id"); // e.target表示被点击的目标 })

$(document).click(function(e){ console.log(e.target); });

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>01获取父节点</title></head><body><ul id="nodeid"><li>小米</li><li id="chuizi">锤子</li><li>华为</li></ul> <script> //测试parentElement和parentNode的区别/*

这些元素绑定同一个Class$("点,绑定的class").click(function(){ //点击后对应的元素就会执行这个方法})

$('element').click(function() { $(this) // $(this) 就是当前点击的元素(对象)});

一个是在当前元素中添加onclick方法,后台通过 this.text()或者this.val()获取值.第二个是通过name或者id等获取该元素,通过text()或者val()获取

获取父节点,在获取父节点下的所以子节点.$(this).parent("父节点").find("子节点") 或者 children("子节点")

$(".now").prev("*").css("background", "yellow"); 意思就是当前元素的前一个元素背景变黄

1、打开html开发工具,新建一个html代码页面.2、在html页面创建三个p标签,给这三个p标签设置不同的内容.3、引入jquery库.在title标签后面引用下载好的jquery.js文件.4、 在jquery引用库标签后面新建一个script标签,在这个标签里面添加一个DOM加载完成后执行函数.5、在DOM加载完成后执行函数里面添加点击p标签时获取当前元素的上一个元素对象.6、保存html代码后使用浏览器打开,点击p标签弹出框就会显示当前点击标签的上一个标签的内容.

hhjc.net | prpk.net | zxwg.net | xyjl.net | msww.net | 网站首页 | 网站地图
All rights reserved Powered by www.mwfd.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com