实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>1.元素的内容操作</title>
</head>
<body>
<div></div>
<form action="">邮箱：<input type="text" name="email">
<button>提交</button>
</form>
</body>
</html>
<script type="text/javascript" src="./js/jquery-3.3.1.js"></script>
<script type="text/javascript">
//html(),针对javascript当前文本
//text(),针对标签的内容，文本方式，不支持解析文本标签
//val(),针对表单控件
//均自带获取器getter，修改器的setter
//html()----> innerHTML
//text()----> contentText
//val()-----> value
//选择器：
//$(selecotor).method()，直接是一个方法！
//
//1.html()
//创建文本节点
//var res =$('div').html('jquery很好玩')
//创建元素节点
//var res = $('div').html('<h2>jquery很好玩</h2>')
//无参数可获取内容
//var res =$('div').html()
//
//2.text()
//创建文本节点
//var res = $('div').text('jquery很好玩')
//var res = $('div').text('<h2>jquery很好玩</h2>')
//无参数可获取内容
//var res $('div').text()
//
//3.val()获取和设置表单元素的内容
// $('button:first').click(function(){ //可用
// $('button:nth-child(1)').click(function(){ //不可用
$('button').eq(0).click(function(){ //可用
// alert('ok')
alert($(':text').val())
// alert(JSON.parse$(':text').val('我爱PHP中文网')) //语句错误
})
</script>运行实例 »
点击 "运行实例" 按钮查看在线实例
