重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
你这样的思路没问题,有两个注意的点:
在林州等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站设计、成都网站制作、外贸网站建设 网站设计制作按需求定制设计,公司网站建设,企业网站建设,成都品牌网站建设,成都全网营销推广,成都外贸网站建设,林州网站建设费用合理。
1、你的jq cdn兼容性有问题,我电脑用不了,可以使用jq官网的cdn,引用如下:
script src=""/script
2、去掉$(".class_2").click()前边的'bai’(可能是你打错了)
扩展方法:
可以不使用索引,直接查找兄弟元素,效率更快
$(".class_2").click(function(){
alert($(this).siblings()[0].innerText)
});
一、如果是同级(兄弟元素)的,如:
ulli class='a'/lili class='a'/li/ul可以
$(".a").click(function(){
var a=$(this).index;
//或者
var a=$('.a').index(this);
}
二、而对于不同级(非兄弟元素),如:
div class='a'/div
divdiv class='a'/div/div
则只能这样
$(".a").click(function(){
var a=$('.a').index(this);
}
扩展资料:
注意事项
jQuery 拥有若干进行 CSS 操作的方法。
1、addClass() - 向被选元素添加一个或多个类
2、removeClass() - 从被选元素删除一个或多个类
3、toggleClass() - 对被选元素进行添加/删除类的切换操作
4、css() - 设置或返回样式属性
例如:
.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
向不同的元素添加 class 属性。当然,在添加类时,也可以选取多个元素:
实例:
$("button").click(function(){
$("h1,h2,p").addClass("blue");
$("div").addClass("important");
});
如下代码可以实现点击页面获得被点击元素的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
$(document).click(function(e) { // 在页面任意位置点击而触发此事件
$(e.target).attr("id"); // e.target表示被点击的目标
})
$('element').click(function() {
$(this) // $(this) 就是当前点击的元素(对象)
});
第一步获取他的兄弟元素
var elemetes = $(this).siblings();
第二步找出最大的z-index
var max;
elemetes.each(function(index,element){
max = Math.max(max,$(element).css('z-index'));
})
第三步将自身z-index 调整
$(this).css('z-index',max+1)