JQuery——Html代码获取修改等操作

JQuery中HTML代码操作

1. 获取或者修改标签中的HTML代码

JQuery——Html代码获取修改等操作

2. html()和text()的区别

JQuery——Html代码获取修改等操作

<script type="text/javascript">
    $(function(){
		var html_txt=$("div.left").html();
		alert(html_txt);
		$("input[type=button]").click(function(){
			$("div.left").html("<div class='content'><h2>学习jQuery真好!</h2></div>");
		});
	});
</script>

3.Value值的操作

JQuery——Html代码获取修改等操作

<script type="text/javascript">
	$(function(){
		$("#searchtxt").focus(function(){
			var txt_value=$(this).val();//得到当前文本框的值
			if(txt_value=="空调"){
				$(this).val("");
			};
		});
		$("#searchtxt").blur(function(){
			var txt_value=$(this).val();//得到当前文本框的值
			if(txt_value==""){
				$(this).val("空调");
			};
		});
	});
</script>