jQuery学习小结2（jQueryHTML）

//获得DOM中的文本内容
$(document).ready(function(){
$("#button").click(function(){

alert("text:"+$(".qq").text());//返回所选元素的文本内容(纯文本)
});
$("#button1").click(function(){//返回所选元素的内容 （包括html)

alert("html:"+$(".qq").html());//
});

});

//获得DOM中的文本内容
$(document).ready(function(){
$("#button").click(function(){
alert("value:"+$("#sss").val());//获取input中的value(获取输入字段的值)
});

//获得DOM中的文本内容
$(document).ready(function(){
$("#button").click(function(){
$("#www").attr("href","http://www.360.con");//改变地址
});
});

//追加DOM中的文本内容
$(document).ready(function(){
$("#button").click(function(){
var box=function appendText(){
var tx1="<p>text1</p>";//html创建方式
var tx2=$("<p></p>").text("Text");//jQuery
var tx3=document.createElement("p");//DOM的创建方式
tx3.innerHTML="text";
$(".qq").append(tx1,tx2,tx3);//追加元素
};
box()；
});
});

//追加DOM中的文本内容
$(document).ready(function(){
$("#button").click(function(){
$("img").before("<p>这就是我</p>");//在该元素前添加元素

});
$("#button1").click(function(){            //在该元素后添加元素
$("img").after("少了你");

});

});

//删除操作
$(document).ready(function(){
$("#button").click(function(){
//$("p").remove();//删除子元素和当前元素
//$(".qq").empty();//删除当前元素的子元素
});
});

//筛选要删除的元素
$(document).ready(function(){
$("#button").click(function(){
$("p").remove(".qq");//remove中可以传递一个参数,筛选要删除的元素
});
});

//addClass添加CSS属性
$(document).ready(function(){
$("#button").click(function(){
$("p").addClass("important");//添加一个important的class
$("div").addClass("blue");//添加一个blue的class
});
});

//removeClass删除CSS属性
$(document).ready(function(){
$("#button").click(function(){
$("p").removeClass("blue");//把元素的class中的blue删除
});
});

//toggleClass变换属性(有到无 无到有)CSS属性
$(document).ready(function(){
$("#button").click(function(){
$("p").toggleClass("blue");
});
});

//.css返回样式的值
$(document).ready(function(){
$("#button").click(function(){
alert($(".qq").css("background-color"));//red
});
});

//给样式赋值
$(document).ready(function(){
$("#button").click(function(){
$(".qq").css("background-color","yellow");
});
});

//获取尺度的方法 后面传值就是设置
$(document).ready(function(){
$("#button").click(function(){
var tet="";
tet+=$(".bbb").width()+"
";//返回的宽度 (document window)
tet+=$(".bbb").height()+"
";//返回的高度(document window)
tet+=$(".bbb").innerWidth()+"
";//加上内边距
tet+=$(".bbb").innerHeight()+"
";//加上内边距
tet+=$(".bbb").outerWidth()+"
";//加上内边距和边框
tet+=$(".bbb").outerHeight()+"
";//加上内边距和边框
tet+=$(".bbb").outerWidth(true)+"
";//加上内边距和边框和外边距
tet+=$(".bbb").outerHeight(true)+"
";//加上内边距和边框和外边距
alert(tet);

});

});

});