jQuery第二天
回顾：昨天
选择器：三大类9种
筛选方法：find()—拿当前节点，来查后台节点，当前节点.find(“p”)
今天的主要内容：
1．DOM节点的操作（添加、删除、替换、克隆）
2．jQuery的事件（事件的绑定机制、特殊事件-一次性事件、自动触发事件、事件切换、事件阻止—默认的事件&冒泡阻止）
3．Ajax（load、$.get(),$.post，序列化）（补充对象和json、xml的转换）
1.DOM节点的操作
1.1.创建并添加节点
回顾DOM添加节点：
创建节点---》添加节点（可以父节点添加子节点，也可以子节点主动添加到父节点）。
创建节点：
添加节点：
blur事件
分析：
【示例】
<select name="edu"id="edu">
<option value="">请选择</option>
<option value="本科">本科^^</option>
<option value="中专">中专^^</option>
<option value="高中">高中^^</option>
</select>
需求：
●在学历表最后增加<option value="幼儿园">幼儿园^^^^</option>（内部插入）●在本科和中专之间插入<option value="大专">大专^^^^</option>（外部插入）
脚本代码：
1.2.节点的删除
回顾DOM删除节点：
传统的dom节点删除需要通过父节点来删除子节点，但jQuery让当前节点自己被删除（自杀）。
语法和作用：
【示例】
AAAA
<p>传智播客<span>内容</span></p>
BBBB
<input type="button"value="删除p元素"id="mybutton"/>
需求：
●删除P元素
●清除P元素的内容
●分别使用detach和remove删除带有click事件的p标签，删除后再将p重新加入body
查看事件是否存在？
脚本代码：
1.3.综合小练习1
需求：
<div align="center">
<h2>添加用户</h2>
<form>
姓名：<input type="text"name="username"/>
邮箱：<input type="text"name="email"/>
电话:<input type="text"name="tel"/><br/><br/>
<input type="button"value="提交"/>
</form>
<hr/>
<table border="1"cellpadding="1"cellspacing="0">
<tr>
<th>姓名</th>
<th>邮箱</th>
<th>电话</th>
</tr>
</table>
</div>
分析步骤：
1．要在按钮上绑定点击事件
2．在事件中，先获取表单的数据
3．将数据拼成tr，将tr添加到table中
4．删除功能：到a的祖先中的tr，让其自杀，。
jQuery代码：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。