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标签弹出框就会显示当前点击标签的上一个标签的内容.