可以先给div标签设置id,然后给这个id绑定点击事件。
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名与空间、虚拟空间、营销软件、网站建设、高台网站维护、网站推广。
1、新建html文档,在body标签中添加一个div标签,为div标签设置一个id,这里以“demo”为例:
2、在head标签中引入jquery的js文件,这时可以使用cdn链接:
3、添加script标签,在script标签中绑定“demo”,然后使用click函数为div标签绑定点击事件:
div是没有value属性的,但是我们可以给它加上去也是可以获得的,在这里value只是一个自定义参数。
html代码
div class="store" value="tanyu"/div
jq代码
$(function(){
$(".store").click(function(){
alert($(this).attr('value'));
});
});
$(this).find('#tli0 div').slideDown(200);
$(this)已经是$("#tli0")了,$(this).find('#tli0 div')相当于'#tli0 #tli0 div'
是错在这个地方。
$('#show').hover(function(){
$(this).show();
}, function(){
$(this).hide();
});
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')
script src=""/script
divhello/div
script
$('div').click(function(){
alert('hello');
})
/script
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()方法改变文本内容。