jquery dom和css设置元素内容

应用jquery设置元素及内容


1.如何获取/设置元素中的html内容
2.如何获取/设置元素中的文本内容
3.如何获取/设置表单中的文本内容




//获取html内容，包括html标签在内
/**
$(function(){
alert($("#box").html());
})
*/


//设置html内容，会覆盖原来存在的内容
/**
$(function(){
$("#box").html("<em>新的内容，原来的内容会被覆盖掉</em>")
})
*/




//获取文本内容，不包含HTML标签在内
/**
$(function(){
alert($("#box").text());
})
*/
//设置文本内容，原来的文本内容会被覆盖
/**
$(function(){
$("#box").text("新的文本内容");
})
*/


//获取表单中的内容
/**
$(function(){
alert($("input").val());
})*/


//设置表单中的新内容
/**
$(function(){
$("input").val("表单中的新内容");
})
*/


//获取单选框的值
/**
$(function(){
alert($("input").val());
})
*/


//设置单选框的值
/**
$(function(){
$("input").val("女性");
})
*/




//设置单选框、复选框的默认值
/**
$(function(){
$("input").val(["男","篮球"]);
})
*/