jQuery如何实现点击页面获得当前点击元素的id或其他信息
$(document).click(function (e) {
var v_id = $(e.target).attr('id');
}
$(e.target)
得到了当前元素 可以的要标签名,name等你想要的属性 可以控制点击哪写标签触发事件
js判断字串是否包含另一个字串
“ssssddd”.indexOf("ss")>0
相关推荐
-
jquery实现控制表格行高亮实例
[css] 复制代码 代码如下: <style> .height{ background:#666666; /*背景颜色为灰色*/ } tr{ cursor: pointer; /*手形*/ } </style> <style>.height{ background:#666666; /*背景颜色为灰色*/}tr{ cursor: pointer; /*手形*/ }</style> [html] 复制代码 代码如下:
-
jquery 得到当前页面高度和宽度的两个函数
复制代码 代码如下: //======需引用jquery框架======// //返回当前页面高度 function pageHeight(){ if($.browser.msie){ return document.compatMode == "CSS1Compat"? document.documentElement.clientHeight : document.body.clientHeight; }else{ return self.innerHeight; } }; //返
-
Jquery实现的一种常用高亮效果示例代码
如下所示: 复制代码 代码如下: <html><head> <title>jquery</title> <style> body { font-size: 12px; } li { list-style: none; height: 34px; padding-top: 5px;
-
jQuery实现高亮显示的方法
本文实例讲述了jQuery实现高亮显示的方法.分享给大家供大家参考.具体如下: 主要功能代码如下: var v = window.location.pathname; $(".hd ul li a").each(function (i) { var vherf = $(this).attr("href"); if (v == vherf) { $(".hd ul li").eq(i).addClass("on") } else
-
jQuery实现当前页面标签高亮显示的方法
本文实例讲述了jQuery实现当前页面标签高亮显示的方法.分享给大家供大家参考.具体实现方法如下: function nav(name, csskey,cssvalue) { var url = window.location.pathname + window.location.search; var v1 = ""; $(name).each(function () { v1 = "/" + $(this).attr("href"); if
-
Jquery如何实现点击时高亮显示代码
复制代码 代码如下: $(function(){ $(".menu").click(function(){ $(this).addClass("hover").siblings().removeClass("hover"); }); });
-
Jquery 点击按钮自动高亮实现原理及代码
其实原理很简单,我们点击的时候我们给元素加上一个自定义的attr,加上后便会有有一个匹配的样式去自动适配背景,几秒后去掉该样式恢复原状 首先在自己的js中拓展一个方法hoverEl 复制代码 代码如下: $.extend($.fn, { hoverEl:function(){ var _this = $(this); var _t = setTimeout(function(){ _this.attr("hover", "on"); }, 10); _this.at
-
jquery实现在页面加载的时自动为日期插件添加当前日期
在页面加载的时候自动为日期插件添加当前日期. <script type="text/javascript"> $(document).ready(function(){ $("#startTime").val(formatDate()); $("#endTime").val(formatDate()); } jsp页面的body部分代码: <td><label>日期:</label></td&
-
jQuery插件实现表格隔行换色且感应鼠标高亮行变色
js代码: css代码: 复制代码 代码如下: tr.alt td { background:#ecf6fc; /*这行将给所有的tr加上背景色*/ } tr.over td { background:#bcd4ec; /*这个将是鼠标高亮行的背景色*/ }
-
jQuery如何实现点击页面获得当前点击元素的id或其他信息
复制代码 代码如下: $(document).click(function (e) { var v_id = $(e.target).attr('id'); } 复制代码 代码如下: $(e.target) 得到了当前元素 可以的要标签名,name等你想要的属性 可以控制点击哪写标签触发事件 js判断字串是否包含另一个字串 "ssssddd".indexOf("ss")>0
-
使用vue点击li,获取当前点击li父辈元素的属性值方法
vue实现加载并展示后台数据的tab选项卡 vue用于渲染页面 jquery用于方法实现动态效果 <div class="content"> <!-- change方法, 数值改变触发 --> <select v-on:change="getData()" name="" id="dataSelect"> <option value="" v-bind:name=&
-
vue 的点击事件获取当前点击的元素方法
首先 vue的点击事件 是用 @click = "clickfun()" 属性 在html中绑定的, 在点击的函数中 添加$event 参数就可以 比如 <button @click = "clickfun($event)">点击</button> methods: { clickfun(e) { // e.target 是你当前点击的元素 // e.currentTarget 是你绑定事件的元素 } }, 以上这篇vue 的点击事件获取当前
-
vue实现动态给id赋值,点击事件获取当前点击的元素的id操作
:id绑定 :id="'a_'+index" 输出的id为a_0,a_1..... <div v-for="(item,index) in list" :key="index" > <div :id="'a'+index" @click="b(index)">哈哈哈</div> </div> 然后在vue的实例中就可以拿到对应的id b(index){ thi
-
jquery点击页面任何区域实现鼠标焦点十字效果
系统开发时很多地方需要有焦点效果,例如:鼠标点击聚焦,地图定位,在图片上突出显示,焦点定位页面元素. 本小功能通过jquery和graphics二次开发,实现通过鼠标点击页面任何区域,聚焦当前点击位置.适用于页面任何元素的位置效果. 首先引入jquery引擎包:jquery-1.4.2.min.js和graphics.js 源码下载地址 编写实现效果js文件,qfocus.js,源码如下: 复制代码 代码如下: var qfocus = { config:{ "bar_dis":tru
-
由点击页面其它地方隐藏div所想到的jQuery的delegate
先从最简单的开始,假如页面有一个id为test的div,我们要实现点击页面其它地方隐藏该div: 复制代码 代码如下: <div id="test" style="margin:100px;background-color:#3e3;width:100px;height:100px;"> </div> 对于这个问题一般有两种思路,这两种思路都会利用事件冒泡这一原理,想要详细了解Javascript事件机制可以看看JavaScript与HTML
-
jQuery点击页面其他部分隐藏下拉菜单功能
一.开发小要点 web页面中,我们一般不用select.option来实现下拉菜单效果,因为下拉框的样式丑且难以美化,所以我们选择控制ul显示隐藏来实现同样且高大上的效果,但是不能像下拉框那样点击页面其他部分,下拉菜单收起或隐藏,该怎么办呢?只能用js这老大哥来控制了. 二.代码 HTML: <div class="select_box" id="selected"> <div class="select"> <sp
-
jquery实现点击页面计算点击次数
代码很简单,这里就不多废话了,直接奉上: 复制代码 代码如下: $(function(){ var w=0,tip=$("<b>"); tip.css({ "z-index":99999,position:"absolute",color:"red",display:"none" }), $("body")
-
Jquery动态添加及删除页面节点元素示例代码
通常我们会遇到选中某个条件,然后添加,累计多个后,再进行执行. 废话不多说,直接上代码! 复制代码 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Jquery动态添加及删除页面节点</title> <script src="http://code.jquery.com/jquery-1.8.3.min.js&quo
-
jQuery移动web开发之页面跳转和加载外部页面的实现
changePage() 页面跳转 jQuery.mobile.changePage( to [, options ] ) 从一个页面跳转到另一个页面,使用$.mobile对象的changePage方法来实现.但要使用此方式的时候,要以点击一个链接或者提交表单来实现.此方法有两个参数. to:是第一个参数,是必须的,不可缺少.类型:字符串或者对象. 字符串: 绝对或相对URL地址.如:("about/us.html") 对象: jquery选择器对象,如:($("#about
随机推荐
- iOS Swift读取本地json文件报错的解决方法
- ASP.NET Dictionary 的基本用法示例介绍
- golang基于websocket实现的简易聊天室程序
- js对文章内容进行分页示例代码
- Dojo获取下拉框的文本和值实例代码
- java微信企业号开发之开发模式的开启
- IOS开发中使用writeToFile时的注意事项
- iOS用两行代码完美解决数据持久化
- PHP Ajax实现页面无刷新发表评论
- PHP新手上路(十三)
- python实现中文转换url编码的方法
- Android中ViewPager和Fragment的使用
- PHP 命令行参数详解及应用
- java自定义动态链接数据库示例
- jQuery实现的给图片点赞+1动画效果(附在线演示及demo源码下载)
- jquery select2的使用心得(推荐)
- jQuery代码实现表格中点击相应行变色功能
- javascript之解决IE下不渲染的bug
- spring启动后保证创建的对象不被垃圾回收器回收
- 最锋利的Visual Studio Web开发工具扩展:Web Essentials使用详解