jQuery模拟点击A标记示例参考

这个问题弄了半小时没想明白,后来觉得是这样的.

菜单


代码如下:

<li class="menu"><a href="xxx.com" target="_blank"></a></li>

点击<li>时,触发里面的超连接:


代码如下:

// 正确选择
$("li.menu").children("a")[0].click()
// 以下是不行的
$("li.menu").children("a").eq(0).click()

--会说参数错误,没有找到绑定的click事件函数,

--因为eq(0)返回的是一个jQuery对象,click()发生时,会找绑定到它上面的函数,但是根本就没绑定函数,所以报错了.

,而[0]返回的是DOM对象,click()发生时,就会执行元素本来行为.

注:[0]这个等同于get(0).

赞 (0)

相关推荐

  • jQuery模拟点击A标记示例参考

    这个问题弄了半小时没想明白,后来觉得是这样的. 菜单 复制代码 代码如下: <li class="menu"><a href="xxx.com" target="_blank"></a></li> 点击<li>时,触发里面的超连接: 复制代码 代码如下: // 正确选择 $("li.menu").children("a")[0].click() /

  • Android如何基于坐标对View进行模拟点击事件详解

    前言 大家应该都知道,在Android中,我们对于View进行模拟点击事件,很容易,比如调用View.performClick即可. 但是有些时候,我们想要更加精细的点击,比如View的某一区域或者某一点进行点击.比如下面的例子. 上面是一个WebView加载了一个视频,我们必须手动点一下播放按钮才能让视频播放,当然我们想要的最好是如下的自动播放效果(进入界面后,自动播放视频) 当然方法有很多,比如通过javascript调用视频元素的click事件.在这里我们暂不对该方法进行细究.本文旨在提供

  • jQuery模拟实现的select点击选择效果【附demo源码下载】

    jQuery模拟实现的select点击选择效果【附demo源码下载】

    本文实例讲述了jQuery模拟实现的select点击选择效果.分享给大家供大家参考,具体如下: 有时候有些HTML元素无法让我们用样式控制进行控制,但是射鸡师或是客户的需求就是需要这种效果,还要让每个浏览器都显示同样的效果,这时候就会让我们这些所谓的前端攻城师很蛋疼,客户会认为交了点钱不让你折腾些东西,以为你是没做事的.面对这些对技术一窍不通的客户,技术对于他们来说就是一坨屎,以为我们都是用意念来写代码做程序的,所以都把我们的劳动成果看作是廉价得像是简单的拉出一泡屎而已. 虽然很喜欢什么都没有修

  • Jquery 模拟用户点击超链接或者按钮的方法

    复制代码 代码如下: //Jquery 模拟用户点击超链接或者按钮 $("#a").trigger("click");

  • jQuery实现点击下拉框中的值累加到文本框中的方法示例

    jQuery实现点击下拉框中的值累加到文本框中的方法示例

    本文实例讲述了jQuery实现点击下拉框中的值累加到文本框中的方法.分享给大家供大家参考,具体如下: 先来看看运行效果: 具体代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale

  • 用jQuery模拟select下拉框的简单示例代码

    用jQuery模拟select下拉框的简单示例代码

    很多时候,美工会觉得默认的select下拉框很难看(特别是右侧的下拉箭头按钮),他们通常喜欢用一个自定义的图标来代替这个按钮.这样就只能用 js + div 来模拟了,倒腾了一番,用jQuery模拟了下,当然网上这种文章也不少,只是懒得去看找 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t

  • jQuery模拟html下拉多选框的原生实现方法示例

    jQuery模拟html下拉多选框的原生实现方法示例

    本文实例讲述了jQuery模拟html下拉多选框的原生实现方法.分享给大家供大家参考,具体如下: 用js, html, css 简单的实现一个HTML 下拉多选框,不试用其他框架的情况下,可以借鉴一下,如果用jqueryUI, BOOTSTRAP, 就没必要参考了.毕竟那些现成的东西更好用. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-

  • jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】

    jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】

    本文实例讲述了jQuery实现点击自身以外区域关闭弹出层功能.分享给大家供大家参考,具体如下: 原理参考前面一篇<JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能>,小编顺便对原文区域外点击bug进行了修改,具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d

  • jQuery实现点击旋转，再点击恢复初始状态动画效果示例

    jQuery实现点击旋转，再点击恢复初始状态动画效果示例

    本文实例讲述了jQuery实现点击旋转,再点击恢复初始状态动画效果.分享给大家供大家参考,具体如下: 今天遇到要做一个点击 + 然后开始旋转动画后变成 x    具体实现如下 1.HTML <div class="box rotate"></div> <!--需要加一个初始状态--> 2.CSS .box{ //普通样式 width:100px; height:100px; background:skyblue; } .rotate1{ //旋转后的

  • jQuery模拟12306城市选择框功能简单实现方法示例

    jQuery模拟12306城市选择框功能简单实现方法示例

    本文实例讲述了jQuery模拟12306城市选择框功能简单实现方法.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html> <head> <title>www.jb51.net jQuery城市选择框</title> <style> #parent{ width:500px; position:relative; } #text{ height:25px; } #select{ width:420px; hei

随机推荐