jquery元素被点击,jquery中元素获得焦点时触发什么事件

jquery怎么判断li元素被点击

lillll/li

创新互联是专业的射洪网站建设公司，射洪接单;提供成都网站建设、网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行射洪网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

li2222/li

li3333/li

script

$('li').on("click", function () {

alert($(this).text() + ' li被点击了');

});

/script

jQuery如何实现点击页面获得当前点击元素的id或其他信息

如下代码可以实现点击页面获得被点击元素的id

$(document).click(function(e) { // 在页面任意位置点击而触发此事件

$(e.target).attr("id");       // e.target表示被点击的目标

})

示例代码如下

创建Html元素

div class="box"

span点击页面后，设置被点击元素背景色并获取其id：/spanbr

div class="content" id = "test"test

div id = "test1"test1

div id = "test2"test2

div id = "test3"test3/div

/div

/div

/div

/div

设置css样式

div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

div.box span{color:#999;font-style:italic;}

div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

div.content div{min-width:20px;min-height:20px;padding:30px;border:1px solid #446699;background:#ffffff;}

.bg{background:#ff99cc !important;}

编写jquery代码

$(function(){

$(document).click(function (e) {

$(e.target).addClass('bg');     // 设置背景色

alert($(e.target).attr('id'));  // 获取id

})

})

观察效果

初始状态

点击id为test2的div

jquery如何检测页面某个元素是否被点击

为这个元素绑定单击事件来侦听br$("元素id或者类名").click(functionbr{br//处理逻辑bralert("俺被单击了");br});

jquery如何判断所点击元素是哪个

$(document).ready(function(){

$("li").children().click(function(){//当li下的子元素被点击时触发

alert('点击了li下的'+$(this)[0].tagName);//获取被点击元素的标签

});

});

jquery如何判断元素是否被点击

可以试试我这个，因为jQuery选择器的原因，所以一定要指定父级，否则会执行多次。

div id="parent"a id="a1" href="javascript:void(0);"点我/aa id="a2" href="javascript:void(0);"点我吧/ainput id="b1" type="button" value="还是点我"/inputinput id="b2" type="button" value="那点你吧"/input/div$("#parent *").click(function(e){if(e.target == $("#a1")[0]){alert("你点了链接一！");}else if(e.target == $("#a2")[0]){alert("你点了链接二！");}else if(e.target == $("#b1")[0]){alert("你点了按钮一！");}else if(e.target == $("#b2")[0]){alert("你点了按钮二！");}});

怎么使用jquery判断一个元素是否含有一个指定的类（class）

在jQuery中可以使用2种方法来判断一个元素是否包含一个确定的类(class)。两种方法有着相同的功能。2种方法如下：

hasClass(‘classname’)

is(‘.classname’)

以下是一个div元素是否包含一个redColor的例子：

1. 使用is(‘.classname’)的方法

$('div').is('.redColor')

2. 使用hasClass(‘classname’)的方法(注意jquery的低版本可能是hasClass(‘.classname’))

$('div').hasClass('redColor')

以下是检测一个元素是否含有一个redColor类的例子，含有时，则把其类变为blueColor。

html

head

styletype="text/css"

.redColor {

background:red;

}

.blueColor {

background:blue;

}

/style

scripttype="text/javascript"src="jquery-1.3.2.min.js"/script

/head

body

h1jQuery check if an element has a certain class/h1

divclass="redColor"This is a div tag with class name of "redColor"/div

p

buttonid="isTest"is('.redColor')/button

buttonid="hasClassTest"hasClass('.redColor')/button

buttonid="reset"reset/button

/p

scripttype="text/javascript"

$("#isTest").click(function () {

if($('div').is('.redColor')){

$('div').addClass('blueColor');

}

});

$("#hasClassTest").click(function () {

if($('div').hasClass('redColor')){

$('div').addClass('blueColor');

}

});

$("#reset").click(function () {

location.reload();

});

/script

/body

/html