$('p').css("border", "3px solid red");
$('div').css('border','3px dashed blue');
$('div').css('border','3px dashed blue');
2017-03-25
var $div=$('imooc');
$div.css('border','3px solid red');
$div.css('border','3px solid red');
2017-03-25
var $div=$('div');
var div=$('div)[0];
div.style.color='#888';
var div=$('div)[0];
div.style.color='#888';
2017-03-25
$(document).ready(function(){
$("div").html
("您好!通过慕课网学习JQuery才是最佳途径);
});
$("div").html
("您好!通过慕课网学习JQuery才是最佳途径);
});
2017-03-25
$(".first-div a:first-child")查找class="first-div"下的第一个a元素
$(".first-div a:last-child")查找class="first-div"下的最后一个a元素
$(".first-div a:only-child")查找class="first-div"下的只有一个子元素的a元素
$(".last-div a:nth-child(2)")查找class="last-div"下的第二个a元素
$(".last-div a:nth-last-child(2)")查找class="last-div"下的倒数第二个a元素
$(".first-div a:last-child")查找class="first-div"下的最后一个a元素
$(".first-div a:only-child")查找class="first-div"下的只有一个子元素的a元素
$(".last-div a:nth-child(2)")查找class="last-div"下的第二个a元素
$(".last-div a:nth-last-child(2)")查找class="last-div"下的倒数第二个a元素
2017-03-24
$('#menu_con p:first').css('color','#9932CC');
$('#menu_con .tag a:lt(4)').css('color','red');
$('#menu_con a[name="setColor"]').css('color','blue');
$(".tag a:nth-child(10)").css('color','#66CD00');
$('#menu_female .tag a:last').css('color','#C71585');
效果是实现了,合不合理就不知道了,当作参考。
$('#menu_con .tag a:lt(4)').css('color','red');
$('#menu_con a[name="setColor"]').css('color','blue');
$(".tag a:nth-child(10)").css('color','#66CD00');
$('#menu_female .tag a:last').css('color','#C71585');
效果是实现了,合不合理就不知道了,当作参考。
//:not 选择所有元素去除不匹配给定的选择器的元素
//选中所有紧接着没有checked属性的input元素后的p元素,赋予颜色
?.css("background-color", "#CD00CD");
//选中所有紧接着没有checked属性的input元素后的p元素,赋予颜色
?.css("background-color", "#CD00CD");
2017-03-23