jquerydiv点击,jquery 点击

jquery 怎么给div添加点击事件

可以先给div标签设置id，然后给这个id绑定点击事件。

1、新建html文档，在body标签中添加一个div标签，为div标签设置一个id，这里以“demo”为例：

2、在head标签中引入jquery的js文件，这时可以使用cdn链接：

3、添加script标签，在script标签中绑定“demo”，然后使用click函数为div标签绑定点击事件：

相关问答

Q1: jQuery如何获取点击div的属性值？

div是没有value属性的，但是我们可以给它加上去也是可以获得的，在这里value只是一个自定义参数。

html代码

div class="store"  value="tanyu"/div

jq代码

$(function(){

$(".store").click(function(){

alert($(this).attr('value'));

});

});

Q2: jquery点击显示一个DIV，鼠标离开这个DIV后隐藏，是代码哪里错了么？

$(this).find('#tli0 div').slideDown(200);

$(this)已经是$("#tli0")了，$(this).find('#tli0 div')相当于'#tli0 #tli0 div'

是错在这个地方。

$('#show').hover(function(){

$(this).show();

}, function(){

$(this).hide();

});

Q3: 如何用jquery实现点击div更换class？

jQuery中使用attr('属性名')可以返回属性的值。

语法：$(selector).attr([attribute]); // 返回attr中指定的当前选择器的属性值；

例如：

$(selector).attr('id');  // 获取选择器的id

$(selector).attr('class'); // 获取选择器的class类名

实例：

1. 用jQuery获取div的class类名：

1234div class="mystyle"我是div/divscript    $('div').attr('class'); // 得到“mystyle”/script

2. 用jQuery获取当前点击的button的id：

123456button id="btn" onclick="BtnClick(this)"按钮/buttonscript    function BtnClick(obj){        $(obj).attr('id'); // 得到“btn”    }/script

可以采用如下思路：分别将两种背景图片设为两个类，然后使用toggleClass()方法切换类：

$(selector).toggleClass('class_a').toggleClass('class_

创建Html代码：一个简单的div用于显示背景图片

div class="test"/div

设置css样式：分别为两个背景设计一个类

div.test{width:264px;height:152px;margin:50px;border:4px dashed #ccc;}

.bg1{background:url('bg1.png');}

.bg2{background:url('bg2.png');}

编写jquery代码：点击切换类实现背景的变换

$(function(){

$("div.test").addClass('bg1'); // 初始化时添加背景1

$("div.test").click(function() {

$(this).toggleClass('bg1').toggleClass('bg2')

Q4: Jquery为DIV添加点击事件，怎么弄

script src=""/script

divhello/div

script

$('div').click(function(){

    alert('hello');

})

/script

Q5: jquery如何实现点击一个按钮 div框从右→左，再点击按钮 div框从刚刚的位置移动回原来的位置？

1、新建一个html文件，命名为test.html。

2、在test.html文件内，使用div标签创建一行文字，文字内容为“小明”。

3、在test.html文件内，设置div标签的id属性为mytext，主要用于下面通过该id获得div对象。

4、在test.html文件内，使用button标签创建一个按钮，按钮名称为“切换内容”。

5、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行func（）函数。

6、在js标签中，创建func()函数，在函数内，通过id(mytext)获得div对象，通过html()方法获得div内的文本内容，使用if语句判断获得的文字内容是否为指定的文本内容，如果不是，则通过html()方法改变文本内容。