一.jQuery事件

1.光标获取和失去(与placeholder=”提示信息“效果相同)

　　 jquery代码：

　　$(".fo").blur(function(){
　　if($(".fo").val()===""){
　　$(this).val("账号")
　　}
　　})
　　$(".fo").focus(function(){
　　if($(".fo").val()==="账号"){
　　$(this).val("")
　　}
　　})

       html代码：

　　<input type="text" class="fo" value="">

2.change()当元素发生改变时会引起此事件

• 用于文本域，单选框，多选框，下拉框
• 当元素为select时，change用于选中某个选项（当前对象与选择对象不一样时再改变值）
• 当元素为text area或 text filed时，change事件用于失去焦点

3.on在选择元素上绑定一个或多个事件的事件处理函数。（click单击 dblclick双击）

　　jQuery代码：

　　$(".clc").on("click dblclick",function(){
　　console.log(1)
　　})

　　HTML代码:

　　<button type="button" class="clc">事件</button>

二.jquery文档处理

1.内部插入

// 内部插入（子节点）
$(".append").click(function(){
// 在子元素之后插入

// $("ul").append("<li>插入元素</li>")
// appendTo 要插入到当前元素
$("<li>插入元素</li>").appendTo("ul")
})
$(".prappend").click(function(){
// 在子元素之前插入

// $("ul").prepend("<li>插入元素</li>")
// prependTo 要插入到当前元素
$("<li>插入元素</li>").prependTo("ul")
})

2.外部插入

// 外部插入（兄弟节点节点）
$(".before").click(function(){
// 在当前元素之前插入
$("ul").before("<div>外部插入 before</div>")
})
$(".after").click(function(){
// 在当前元素之前插入
$("ul").after("<div>外部插入 after</div>")
})

3.在不变的元素body中设置ul子元素li增加其他功能仍然能显示（点击li列表内容显示到控制台）

$("body").on("click","ul li",function(){
console.log($(this).text())
})