jQuery基础学习笔记（二）

一、事件

1.focus()获取焦点
2.blur()失去焦点
3.hover()鼠标移入移出

$('#box').hover(function() {
	alert('移入时触发')
}, function (){
	alert('移出时触发')
})

二、表单验证

使用正则表达式

// 定义正则表达式
var re = /^1[345678]\d{9}$/
// 匹配
var result = re.test("xx")

三、阻止默认行为

// 先监听事件，里面的匿名函数里写上阻止默认行为
event.preventDefault()

四、事件冒泡

// 阻止事件冒泡
event.stopPropagation()

注意：在jQuery中使用return false既能阻止默认行为，又能阻止事件冒泡

五、事件委托

利用事件委托，将事件监听委托给父级标签，这样可以有效监听事件，提高性能

S('ul').delegate("li", "click" ,function(){
	$(this).html('..')//还是触发事件的标签
})

六、元素操作

var li = $('xxx')
$('ul').append(li)//从标签中追加内容

li.appendTo($('ul'))//把内容追加到标签中去(只能接受jQuery对象)

//在最顶部插入
.prepend()
//插入到
.prependTo()

//在当前标签后插入
.after()
//插入到标签后
.insertAfter()

//在当前标签前插入内容
.before()
//插入到标签前
.insertBefore()

//删除标签
.remove()

七、js对象

var obj = {
	name:"zs",
	eat: function(){
		alert('ye')
		}
}
alert(obj.name)
obj.eat()

八、json格式

是一种常用的数据交流格式，带特定格式的字符串，特定格式是为了方便解析

有{} [] ,数据值可以为字符串/数字

//js对象 --> json字符串
var json_str = JSON.stringify(obj)

//json字符串 --> js对象
var json_str2 = '{"name":"zs"}'
var obj = JSON.parse(json_str2)

九、ajax

是js中发起异步请求的机制，优点：不会阻塞页面的UI,可以实现页面的局部刷新

$(function (){
            var param = {
                kind : 1
            }
            $.ajax({
                type:'get',
                url:'xxx',
                data: param,
                success :function(response){
                    console.log(response)
                },
                error:function(response){
                    console.log(response)
                }
            })

        })