1.实现文本的替换
2.去掉字符串左右空格
3.动态插入内容
4.使复选框disabled
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>替换文档内容</title>
<script language="javascript" src="jquery.min.js"></script>
<script type="text/javascript">
//实现文本的替换
window.onload = function(){
var oElements = $("h2 a");
for(var i=0;i<oElements.length;i++)
oElements[i].innerHTML = i.toString();
}
//去掉字符串左右空格
var sString =" 123456789 ";
sString = $.trim(sString);
alert(sString.length);
</script>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
//动态插入内容
$(function(){ //ready()函数
var oNewP = $("<p>这是一个感人肺腑的故事</p>"); //创建DOM元素
oNewP.insertAfter("#myTarget"); //insertAfter()方法
});
</script>
<script language="javascript">
$.fn.disable = function(){
//扩展jQuery,表单元素统一disable
return this.each(function(){
if(typeof this.disabled != "undefined") this.disabled = true;
});
}
$.fn.enable = function(){
//扩展jQuery,表单元素统一enable
return this.each(function(){
if(typeof this.disabled != "undefined") this.disabled = false;
});
}
function SwapInput(oName,oButton){
if(oButton.value == "Disable"){
//如果按钮的值为Disable,则调用disable()方法
$("input[name="+oName+"]").disable();
oButton.value = "Enable";
}else{
//如果按钮的值为Eable,则调用enable()方法
$("input[name="+oName+"]").enable();
oButton.value = "Disable"; //然后设置按钮的值为Disable
}
}
}
</script>
</head>
<body>
<h2><a href="#">正文</a>内容</h2>
<h2>正文<a href="#">内容</a></h2>
<p id="myTarget"> 插入到这行之后</p>
<p>插入到这行之前</p>
<p>你喜欢做些什么:
<input type="button" name="btnSwap" id="btnSwap" value="Disable" class="btn" οnclick="SwapInput('hobby',this)"><br>
<input type="checkbox" name="hobby" id="book" value="book"><label for="book">看书</label>
<input type="checkbox" name="hobby" id="net" value="net"><label for="net">上网</label>
<input type="checkbox" name="hobby" id="sleep" value="sleep"><label for="sleep">睡觉</label></p>
</body>
</html>