var $first = $div.first(); //找到第一个div元素
$first.css('color', 'red'); //给第一个元素设置颜色
没字体色
$first.css('color', 'red'); //给第一个元素设置颜色
没字体色
2017-03-27
@紫金道童
代码越精简 你的代码运行就越快 所以才会产生那么多嵌套 在大型商户网站 你少一kb代码节约0.0001秒,那么上千个用户能为服务器减压多少你知道吗。
代码越精简 你的代码运行就越快 所以才会产生那么多嵌套 在大型商户网站 你少一kb代码节约0.0001秒,那么上千个用户能为服务器减压多少你知道吗。
2017-03-26
便于理解
$(':contains(text)')查找指定标签内字符串
$(':parent')查找有内容的标签
$(':empty')查找内容为空的标签
$('has:(selector)')查找指定标签
$(':contains(text)')查找指定标签内字符串
$(':parent')查找有内容的标签
$(':empty')查找内容为空的标签
$('has:(selector)')查找指定标签
2017-03-26
div{ width:200px;
height:200px;
font-size:15px;
text-align:center;
border:dotted 1px red;
color:green;
background-color:pink;
text-indent:5px;
border-radius:50%;
line-height:200px;
}
height:200px;
font-size:15px;
text-align:center;
border:dotted 1px red;
color:green;
background-color:pink;
text-indent:5px;
border-radius:50%;
line-height:200px;
}
2017-03-26
$document.ready(function(){
$('div').html("杭州,我来啦!")});
$('div').html("杭州,我来啦!")});
2017-03-26
$('.right').click.(function(){
var ele=$(this);
ele.data("a","data test")
ele.data("b",{name="慕课网"})
var reset=ele.data("a")+"<br>"+ele.data("b").name
ele.find('span').append(reset)})
var ele=$(this);
ele.data("a","data test")
ele.data("b",{name="慕课网"})
var reset=ele.data("a")+"<br>"+ele.data("b").name
ele.find('span').append(reset)})
2017-03-26
$('.left').click(function(){
var ele=$(this);
$data(ele,'a','data test)
$data(ele,'b',{name="慕课网"})
var reset=$data(ele,"a")+"<br>"+$data(ele,"b").name
ele.find('span').append(reset)})
var ele=$(this);
$data(ele,'a','data test)
$data(ele,'b',{name="慕课网"})
var reset=$data(ele,"a")+"<br>"+$data(ele,"b").name
ele.find('span').append(reset)})
2017-03-26
$('div[name=p1]')
$('div[p2]')
$('div[name|="-"]')
$('div[name~="a"]')
$('div[name^=imooc]')
$('div[name$=imooc]')
$('div[name*="text"]')
$('div[textattr!="true]')
$('div[p2]')
$('div[name|="-"]')
$('div[name~="a"]')
$('div[name^=imooc]')
$('div[name$=imooc]')
$('div[name*="text"]')
$('div[textattr!="true]')
2017-03-26
$('.div:first')找到第一个div
$('.div:last')找到最后一个div
$('.div:even')选择索引值为偶数的元素,从0开始计数
$('.div:odd')选择索引值为奇数的元素,从0开始计数
$('.aaron:eq(2)')选择单个
$('.aaron:gt(3)')选择匹配集合所有索引值大于给定index参数的元素
$('.aaron:lt(2)')选择匹配集合所有索引值小于给定index参数的元素
$('input:not(checked)+p'):not选择所有元素去除不配给定的选择器的元素选中所有紧接着没有checked属性的input元素后的p元素
$('.div:last')找到最后一个div
$('.div:even')选择索引值为偶数的元素,从0开始计数
$('.div:odd')选择索引值为奇数的元素,从0开始计数
$('.aaron:eq(2)')选择单个
$('.aaron:gt(3)')选择匹配集合所有索引值大于给定index参数的元素
$('.aaron:lt(2)')选择匹配集合所有索引值小于给定index参数的元素
$('input:not(checked)+p'):not选择所有元素去除不配给定的选择器的元素选中所有紧接着没有checked属性的input元素后的p元素
2017-03-26
43-45行:$("input:eq(2)").attr('value',function(i,val){return '通过function设置' + val)});
我就想知道function里面的两个参数,在实际运行时传递的是那两个值,怎么传递过来的?一脸懵逼啊。
根据上面代码运行结果,可以看出i = 0;val = 第三个div的value属性的值即回调拼接value。
那么我可以理解为:默认情况下,i为选择器选择的元素集中的第一个元素的索引,val是该元素的对应属性的值
这样理解对吗,有大神了解的话,希望可以多多指导一下本小白。
我就想知道function里面的两个参数,在实际运行时传递的是那两个值,怎么传递过来的?一脸懵逼啊。
根据上面代码运行结果,可以看出i = 0;val = 第三个div的value属性的值即回调拼接value。
那么我可以理解为:默认情况下,i为选择器选择的元素集中的第一个元素的索引,val是该元素的对应属性的值
这样理解对吗,有大神了解的话,希望可以多多指导一下本小白。
2017-03-25