第九天了,怎么感觉变轻松了。。。。
九天里,我从HTML学到css从JavaScript学到jQuery,现在看来,基础的都掌握了,感觉可以实战了呢_(:зゝ∠)_
text("可以放一些文本") - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值 val与输入框连用,前两个与button连用
jQuery attr() 方法用于获取属性值。
$("button").click(function(){
alert($("#w3s").attr("href"));
});
$("#test1").text(function(i,origText))这里面就是两个参数,不要想得太复杂,就是,元素下标和对应内容
jQuery attr() 方法也用于设置/改变属性值。
下面的例子演示如何改变(设置)链接中 href 属性和title属性的值:
$("button").click(function(){
$("#w3s").attr({
"href" : "http://www.w3school.com.cn/jquery",
"title" : "W3School jQuery Tutorial"
});
});
回调函数(jQuery设置)
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容 $("p").append(txt1,txt1,txt3); 可以有这种操作
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
remove() - 删除被选元素(及其子元素) div也会被删除 可以接收一个参数,会删除这个参数有关的东西
empty() - 从被选元素中删除子元素 div中的子元素才会被删除
addClass() - 向被选元素添加一个或多个类 addClass("blue big")
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作 这三个用法一样
$("button").click(function(){
$("h1,h2,p").toggleClass("blue");});
css() - 设置或返回样式属性
css("background-color") 返回背景的颜色
css("background-color","yellow")改变背景颜色
css("font-size":"200%","color":"red")同时改变多个值
width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。
height() 方法设置或返回元素的高度(不包括内边距、边框或外边距) 可以调整大小
innerWidth() 方法返回元素的宽度(包括内边距)。
innerHeight() 方法返回元素的高度(包括内边距)
outerWidth() 方法返回元素的宽度(包括内边距和边框)。
outerHeight() 方法返回元素的高度(包括内边距和边框)。
outerWidth(true) 方法返回元素的宽度(包括内边距、边框和外边距)。
outerHeight(true) 方法返回元素的高度(包括内边距、边框和外边距)。 (margin included)
$("button").click(function(){
var txt="";
txt+="Outer width: " + $("#div1").outerWidth() + "</br>";
txt+="Outer height: " + $("#div1").outerHeight();
$("#div1").html(txt);
});
tx t+= 适用与不断输出的情况下
$("a").parent() 找到a的祖先
$("a").parents("ul") 找到a的祖先们/又带有ul的元素
$("a").parentsUntil("div") 找到从a开始的祖先直到div
$("a").children("b") 找到a的后代中符合b的元素
$("a").find("b") 找到a后代中所有b的元素
$("a").find("*") 找到a的所有后代
siblings() 方法返回被选元素的所有同胞元素。
next() 方法返回被选元素的下一个同胞元素。
nextAll() 方法返回被选元素的所有跟随的同胞元素。
nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。
prev()
prevAll()
prevUntil() 与上面三个相反
first()
last()
eq() 第一个。最后一个。第几个(从零开始)符合前面条件的元素
$(document).ready(function(){
$("p").filter(".a"); not返回值刚好相反
}); class=a的多个元素
$("#div1").load("demo_test.txt #p1"); 外部的引用,这里是只用class=p1的元素