2018-10-20
$(“#div”).text(“hello”)//text()方法,读取或设置元素的innerTest,函数没参数即读取
$(“image1”).attr(“src”,”www.baidu.com")//attr()方法,读取或者设置元素的属性。当有两个参数时,第二个参数为要设置的
属性值;
$(“#link1”).removeAttr(“href”)//移除相应的属性
$(“#div”).css(“color”,”red”)//设置样式,一个参数为读取样式;
//创建一个按钮,并且加载div1之后,添加点击事件,用slideUp方法收起div1;
$("<input type="button" value="动画" />").insertAfter($div1).click(function(){$div1.slideUp(3000);});
map()和each()区别
//map的回调函数参数为index,value。而each相反
函数内 return true 相当于 continue,return false 相当于 break;
过滤器
:even//选偶数$(“th:even”).css(“bacground-color”,”grey”)将所有偶数表头变为灰色背景
:odd//选奇数
内容选择器
:contains//按内容匹配 ,$(“div:contains(“hello”)”).css(“color”,”grey”)匹配div中文本包含hello的dom元素
:has(selector)//参数为选择器,比如p,div,span等;
属性选择器
[attribute]//$(“[class]”)匹配所有包含class属性的元素
[attribute=value]//$(“[class=’native’]”)匹配所有包含class属性为native的元素
[attribute!=value]//$(“[id!=4]”)匹配所有id不为4的元素
[attribute$=value]//$(“[id$=4]”)匹配所有id以4结尾的元素
[attribute=value]//$(“[id=4]”)匹配所有id包含4的元素
[attribute^=value]//$(“[id^=4]”)匹配所有id以4开始的元素
[selector1][selector2][selectorN]//$(“input[id][name$=’man’]”)匹配input元素包含id属性,并且name属性以man结尾的元素
toggleClass(class)//$(“#p1”).toggleClass(“blue”);如果该元素有blue这个类,则删除该类,如果没有,则添加该类;
toggleClass(class,switch);
1 | <script type="text/javascript"> |