jquery的一些事
来源:互联网 发布:网络发帖推广怎么发 编辑:程序博客网 时间:2024/06/17 12:15
jquery append元素的点击事件无效
代码:
$(".myDiv").click(function(){$(".myDiv").append($("<p class='hello'>hello!</p>"));})$(".hello").click(function(e){ e.stopPropagation(); alert("hello")})
点击p元素时并不会弹出hello!
$(".myDiv").click(function(){$(".myDiv").append($("<p class='hello'>hello!</p>"));})$(".myDiv").on("click",".hello",function(e){ e.stopPropagation(); alert("hello")})
现在可以啦!
注意:click是点击事件,但是在页面加载完之后,jquery事件新添加的元素,通过click的话是无法获取元素的,这个时候要用on去获取元素事件,简单的说页面加载完成时候页面显示的元素可以用on,也可以用click,但是页面加载完成之后后期再追加的元素只能用on。(在jQuery1.7版本中 bind()、live() 和 delegate()被on代替)
jQuery append($(this))原来的元素会被删除
直接使用 append (
如果想要保留(this)原来的位置需要使用append($(this).clone())方法.
jquery 获取所有子孙元素及所有父元素
jquery中的next()and prev()
在写轮播图时发现jQuery的prev()可以获取下一个兄弟元素,于是就想:
$(".btn_prev").click(function(){ clearInterval(interval); $prev=$number.filter(".now").prev(); index=$prev.index(); changeImg(); });
当我用点击上一张图片按钮是,是一直循环的,但是next()就不是这样了,当当前元素时最后一个是不会返回到第一个元素,于是:
$(".btn_next").click(function(){ clearInterval(interval); $next=$number.filter(".now").next(); if(index>3){ index=0; }else{ index=$next.index(); } changeImg(); });
建议还是用原生js写吧。
阅读全文
0 0
- jquery的一些事
- jquery 的一些用法
- jQuery的一些“乱用”
- 一些jquery的用法
- jQuery的一些用法
- jQuery的一些API
- Jquery的一些知识点
- jquery的一些问题
- jquery的一些函数
- 一些jquery的实践
- jquery 的一些操作
- jquery的一些事件
- JQuery的一些笔记
- Jquery的一些知识点
- jQuery的一些操作
- jquery的一些实例
- JQuery的一些特效
- jQuery的一些用法
- 开始一个好的习惯
- 从零开始···spring整合redis配置
- 106 定积分习题复习及应用(本系列课程上册圆满结束)
- Java中的位运算符
- 面向接口编程 二
- jquery的一些事
- 【安全牛学习笔记】存储型XSS漏洞原理及修复方法
- 关于import与import...as与from...import
- 关于Android studio 的模拟器的问题
- JAVA中分为基本数据类型及引用数据类型
- 使用CSS实现三栏自适应布局(两边宽度固定,中间自适应)
- Cisco路由器配置Ipsec
- html中设计用户登录界面
- maven详解-(5)jar包依赖案例