jquery 动态绑定bind()及模拟鼠标点击A链接
来源:互联网 发布:cf你的网络存在异常 编辑:程序博客网 时间:2024/04/30 08:06
近来自觉前端有小小进步,幸而记之。
1、两个 css class 紧挨在一起
则在html元素中,要同时拥有这两个class,才能起作用
.block.db{ background-image:url(/cas/images/hnhy/db.png);}
<div class="block db"><div class="btn btn_bg" ></div></div>
2、动态绑定事件
动态绑定,可以节省代码。设想有一张列表,每行都有一个鼠标移入移出的事件处理,假如事先写好,代码得多出不少。用JS脚本动态绑定,则非常简洁:
$(function(){ $(".block div.btn").bind("mouseover",function(){ $(this).removeClass("btn_bg").addClass("btn_bg_on"); }); $(".block div.btn").bind("mouseout",function(){ $(this).removeClass("btn_bg_on").addClass("btn_bg"); }); });
这里有个问题,就是事件处理中,如何知道哪个元素触发了事件?如果是html中预先写好,当然可以将“this”参数传进去。动态绑定呢?酱紫:$(this)。
另外,这里说的是jquery 的 bind(),而不是标准 javascript的bind()。后者与apply,call一样,改变this指针,唯一不同的是,bind()不是立即执行,而是返回一个函数。详见拙作:Javascript中的apply、call、bind
3、代码模拟鼠标点击 a 链接
假设有
<a id="a" href="" target="_blank" style="display:none;">jump</a>
则下面语句不起作用。是点击了a没错,可以触发其click事件,但并没有跳转:
$("#a").click();
原因是,我们在网页中点击链接,其实点击的是链接中的文字或图片什么的,而不是链接本身。因此,应该酱紫写:
$("#a")[0].click();
4、两个符合条件的选择器:
$("#firstmenu li:first,#firstmenu li:last").bind('mouseout', function () { if ($(this).attr("attr1") == '0') { $(this).removeClass("hy_mainmenu_active"); }});
0 0
- jquery 动态绑定bind()及模拟鼠标点击A链接
- 使用jQuery 模拟鼠标点击a标签事件 实现定位
- 使用jQuery模拟鼠标点击a标签事件
- 使用jQuery模拟鼠标点击a标签事件
- jquery a标签不可点击,绑定bind/解除unbind点击,ajax防止重复提交
- jquery模拟鼠标点击动作
- jquery模拟鼠标点击动作
- jquery bind动态绑定事件传参
- jquery bind动态绑定事件传参
- jquery 模拟点击 a 连接
- 使用JS或jQuery模拟鼠标点击a标签事件代码
- 使用JS或jQuery模拟鼠标点击a标签事件代码
- jquery用 bind 函数给元素绑定点击事件
- jquery on 动态绑定点击事件
- 关于jQuery用bind动态绑定事件无效的处理
- jquery bind绑定
- jquery bind的绑定
- jquery 触发a链接点击事件
- Emacs 移动行和区域move lines and regions with M-n M-p
- qevent accept()和ignore() 函数
- MyBatis实战教程
- /etc/security/limits.conf 设置
- 解决 Android N requires the IDE to be running with Java 1.8 or later
- jquery 动态绑定bind()及模拟鼠标点击A链接
- Lua 第三方插件索引
- 编程之美-Win7下硬盘安装Ubuntu双系统(重新分区)
- qevent accpt()和ignore() closeEvent()事件
- Shell标准输出、标准错误 >/dev/null 2>&1
- ext6.0+cordova+android开发 第二章 Ext6.0 入门(2)
- Android中,一些用于统一管理的类,比如 log,比如 toast,比如 url等(toast篇)
- Dubbo文档持续集成篇--SonarQube代码质量管理平台的安装
- x264预设类参数详解