jsdom查元素，修改属性，改css样式查元素
⽅法：ElementById()=$(‘#id’)、
var ElmentById('a');
console.log(id);
<div id="a"></div>
<div class="c" onclick="l">点击</div>//点击后执⾏onclick⾥的内容
function l(){cssclass属性
$('.a').text(‘x‘）;//获取元素class=a⾥⾯的元素，把⾥⾯的元素换成x
$('.a').html('<b>x</b>');//可⽤html标签
}
修改属性
#id{color:red;}
#id.abc{color:yellow;}
<div class="c" onclick="l">点击</div>
<div id='a' class='aa'>qwe</div>
function i(){
}
改图⽚
<img id="img" src="../../img/images/images/biao_05.jpg" >
<div class="a">
点击
</div>
function cl(){
$('#img').attr('属性名src','../../img/images/images/0_03.jpg');
//EimentById('img').scr='图⽚路径'；
$('#id').addClass('cur');//添加属性，img的id属性再添加⼀个cur属性
}
点击变⾊
<ul>
<li>⾸页</li>
<li>内容</li>
<li>导航<li>
</ul>
ul li{color：red}
ul li.c{color:yellow}
$('ul li').click(function(){//点击时属性
$(this).addClass('c') ；  //添加class名，removeClass移除class名
});
改变css样式
function cl(){
$('#id').css('height','200px');//jq写法，改变单个属性值
$('#id').css({'height':'200px','width':'200px'});
}
⽂本框⾥的内容,⽂本框⾥本来是zhang，点下点击后改成lisi
<input type="text" name="" id="aa" value="zhang" />
<div class="c" onclick="cl()">点击</div>
function cl(){
$('#aa').val('lisi');//jq
}
//当⽂本框的值改变，就会触发事件。onmouseover⿏标移⼊时触发。onmoseout⿏标移开时触发<input type="text" name="" id="aa" value="zhang" onchange=“change（）” />
<div class="c" onclick="cl()">点击</div>
function change(){
console.log（1）；
}
//点击时显⽰具体点击哪⼀个，可以写⿏标移⼊颜⾊
<ul>
<li onclick=“cl（this）”>⾸页</li>
<li onclick=“cl（this）”>产品</li>
<li onclick=“cl（this）”>新闻</li>
</ul>
function cl（that）{
$(that).addClass('cur');
}
点击id名为aa属性时出现弹框hello
<input type="text" name="" id="aa" value="" />
<div class="c" >点击</div>
//js写法
alert('hello')
}
jq写法
$('#aa').click(function(){
alert('hello');})
点击li标签时，弹框出现hhh
//js
// var j= ElementsByTagName('li').length
// for(i=0;i<j;i++){
// ElementsByTagName('li')[i].onclick=function(){alert('hhh');} // }
jq
$('li').click(function(){
alert('hhh');
})
jq点击li标签显⽰li标签中的⽂本内容
$('li').click(function(){
alert($(this).text());//this代表li
})

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。