大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
var my_li = $('li');
专注于为中小企业提供网站设计、成都网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业遂溪免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了千余家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
if(my_li.hasClass("on")) {
my_li.parent().addClass("active")
}
用hasClass()方法来是否含有某个类
用parent()可以定位到当前元素的父元素
"1、利用标签名获取元素
$(""标签名"")
2、通过ID获取元素
$(""#id_name"")
3、通过 类名获取元素
$("".className"")
4、一次性获取多个元素
$(""元素名, 元素名, 元素名 ...."")
5、通过指定层次关系获取元素
$(""祖先 子孙"")
$(""父 子"")
$(""前 + 后"")
$(""兄 ~ 弟"")
6、根据元素的属性值获取元素
[attribute]
[attribute = value]
[attribute != value]
[attribute ^= value]
[attribute $= value]
[attribute *= value]"
jquery可以使用attr()或prop()方法修改类名,javascript可以修改对象的className属性,关键代码如下:
$("#test").attr("class","blue");
$("#test").prop("class","blue");
document.getElementById("test").className = "blue";
实例演示如下:
1、HTML结构
style
.red{color:red !important;}
.blue{color:blue !important;}
/style
div id="test"我是示例DIV/div
input type="button" id="js" value="使用javascript方法修改类名为red"
input type="button" id="jq" value="使用jquery方法修改类名为blue"
2、jquery代码
$(function(){
$("#jq").click(function() {
$("#test").attr("class","blue");
});
});
window.onload = function(){
document.getElementById("js").onclick = function(){
document.getElementById("test").className = "red";
}
}