jquery 点击元素外出发

2024-09-01

jquery点击元素之外触发事件

$("#errorMsg_layer").bind("click",function(e){ if($(e.target).closest("#errorMsg_div").length == 0){ foo(); } });//点击 #errorMsg_div 之外触发foo()方法.

contains 之点击元素外位置隐藏元素 api: contains 检测一个元素包含在另一个元素之内详解:http://www.runoob.com/jquery/misc-contains.html 原理: 监听click事件,当点击时判断点击位置是否包含在目标元素内,若判断通过则隐藏代码: // 创建click监听 mounted () { document.addEventListener('click', this.queryHide) }, // 清除click监听 b

jquery选择器选择除当前点击元素外所有的元素

问题: 多个select选择,如果已选择某些value ,该value不可再选思路: 点击当前元素,js列出除当前元素外所有的元素当前解决办法: function symbolDefine(obj){ if($(".stringName").length > 1){//如果字段数大于1 var index = $('.stringName').index($(obj));//当前选择的字段的下标 $(".stringName").each(functio

jquery 点击元素以外任意地方隐藏该元素的方法

文章来源:百度知道我的思路是给body绑定一个click事件,然后判断当前鼠标点击的区域是当前元素还是元素以外区域,如果点击对象不是当前元素,则隐藏该元素. 假设对象的id为divBtn,则代码如下: $('body').bind('click', function(event) { // IE支持 event.srcElement , FF支持 event.target var evt = event.srcElement ? event.srcElement : e

我优化了一下：jquery点击元素以外任意地方隐藏该元素的方法

我优化了一下 $(document).bind('click', function (event) { var evt = event.srcElement ? event.srcElement : event.target; if ($("#" + settings.xiPaginationCon).attr("style").indexOf("none") ) { if (evt.id == settings.xiPaginationCon

jquery如何判断元素是否被点击、属性操作、class操作

1.通过点击事件发生后,改变标志位的值,记录点击状态 function(){ var isClick = false; $('#test').click(function(){isClick = true;}); $('#show').click(function(){alert(isClick);}) } 2.增删class:$('#id').addClass().$('#id').removeClass() 3.获取设置元素值:$('.class').text().$('#id').html

js进阶 11-13 jquery如何包裹元素和去除元素外的包裹

js进阶 11-13 jquery如何包裹元素和去除元素外的包裹一.总结一句话总结:wrap().wrapAll().unwrap().innerWrap()四个方法 1.jquery中unwrap()方法是干嘛的? 去除元素外的包裹元素 54 $('#btn3').click(function(){ 55 $('li').unwrap() 56 $('li').unwrap() 57 }) 2.wrap().wrapAll().innerWrap()的区别是什么? 外层包,外层用一个包,

jquery 获取被点击元素的id属性值

有时候可能需要获取被点击元素的一些信息,此处就以id属性为例子,进行演示一下. $(document).click(function (e){ var v_id=e.target.id; console.log(v_id); var v_id2 = $(this).attr("id"); console.log(v_id2); console.log(v_id == v_id2); }); /* 结果类似: testId testId true */ 总结:获取id/其他属性值方法:

jquery选择指定元素之外的所有元素

最近的项目中有这么一个需求,点击一排图片中的任意一张后底部弹出一个对话框,要求点击任意地方隐藏对话框这个时候用not()显然是不现实的,用closest()可以实现差不多的功能 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>选择指定元素外的其他所有元素</title> <style> *{ margin: 0; padding:

通过jquery获得某个元素的位置, 透明div, 弹出框, 然后在旁边显示toggle子级联菜单-hover的bug解决

jquery的"筛选选择器", 都是用冒号开头的, 即, 冒号选择器就是筛选选择器.如: :first, :last, :eq(index), :first-child,...等等, 其中, 表单中的元素选择器就是直接用冒号筛选器就好了, 前面不必用input. 还可以使用表单对象属性选择器. 学习进步的方法就是, 反复的, 不断重复的, 螺旋式的熟悉, 温故而知新. 不断熟练, 然后生出技巧, 和高超技艺, 然后成为高手的. 每一轮重复都会有不同的质变. 技艺关键在于熟练. vi

jQuery操纵DOM元素属性 attr()和removeAtrr()方法使用详解

jQuery操纵DOM元素属性 attr()和removeAtrr()方法使用详解 jQuery中操纵元素属性的方法: attr(): 读或者写匹配元素的属性值. removeAttr(): 从匹配的元素中移除指定的属性. attr()方法读操作 attr()读操作. 读取的是匹配元素中第一个元素的指定属性值. 格式: .attr(attributeName),返回值类型:String.读取不存在的属性会返回undefined. 注意选择器的选择结果可能是一个集合,这里仅仅获取的是集

点击区域外隐藏该区域，event.stopPropagation()

event.stopPropagation() Description: Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event. 点击区域外隐藏该区域Example: <!DOCTYPE html> <html> <head> <meta content="charset=utf-8

【JS】点击目标外事件与IFRAM自适应高度

一.点击目标外事件 $(document).mouseup(function(e){ var _con = $('.dropdown-multiSelect-list'); // 设置目标区域 if(!_con.is(e.target) && _con.has(e.target).length === 0){ // Mark 1 _con.hide();// 功能代码 } }); 二.IFRAME自适应高度兼容IE6/IE7/IE8/Firefox/Opera/Chrome/Safari

jquery点击改变图片src源码并toggle

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

jquery点击改变class并toggle；jquery点击改变图片src源码并toggle；jquery显示隐藏toggle

<html><head><meta charset="utf-8"><title></title><script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script><style>.bg1 { background

jQuery判断当前元素是第几个元素&获取第N个元素

假设有下面这样一段HTML代码: <ul> <li>jQuery判断当前元素是第几个元素示例</li> <li>jQuery获取第N个元素示例</li> <li>jQuery选择器示例</li> </ul> jQuery判断当前元素是第几个元素如果我们点击任何一个li标签,想知道当前点击的是第几个li标签,可以使用下面的代码: $("ul li").click(function () {

jQuery 表单元素取值与赋值方法总结

一.普通文本框的赋值与取值 1.1.1赋值 <h2>jQuery 表单元素取值与赋值方法总结</h2> <input type="text" class="test1"/> <input type="button" value="赋值" onclick="get()"/> <input type="text" class="

jQuery中兄弟元素、子元素和父元素的获取

我们这里主要总结jQuery中对某元素的兄弟元素.子元素和父元素的获取,原声的Javascript代码对这些元素的获取比较麻烦一些,而jQuery正好对这些方法进行封装,让我们更加方便的对这些元素进行获取和操作. jQuery提供的方法上来就把jQuery提供的方法摆在这里是不是有点不好呀,不过,我们从jQuery的方法名称上就能知道这些方法是干嘛的了. parent(selector) 查找父元素,可传入selector进行过滤(下同) parents(selector) 查找所有的祖先节点

jquery/js iframe 元素操作

1.判断id/ class 是否存在? <script> $(function(){ if(("#id_name").length()>0){ //如果id 存在 } }) </script> 2.jquery 判断 undefined <script> var exp = undefined; if (typeof(exp) == "undefined") { alert("undefined"); }

js：for循环ul/li，获取当前被点击元素的id，以及给其他li设置属性

js:for循环ul/li,获取当前被点击元素的id,以及给其他li设置属性 <!doctype html> <html> <head> <meta charset="utf-8"> <title>选择框样式</title> <script src="jquery.min.js"></script> <style> /*label {font-size:12p

jquery 点击元素外出发

热门专题