JQuery基础

JQuery基本语法

1	$(选择器).action(；

对选择器进行action操作

选择器以”标签”或直接指定对象

事件绑定

绑定bind(事件,函数);

解绑所有函数unbind(事件);

解绑单一函数unbind(事件,函数)

JQ1.7之后可用`on off`代替`bind unbind`

捕获

1
2
3

$().text()				获得文本
$().html()				获得html内容
$().val() 				获得值

第二个括号内可更改捕获

元素操作

append()				后添加
prepend()				前添加
before()				前添加（换行）
after()					后添加（换行）
remove()				移除(全部)
empty()					清空(子内容)

CSS方法

$(选择器).css("样式","值");更改css样式（单属性）

1
2
3

$(选择器).css({
	width:val1,height:val2,background:val3
});

1
2
3

addclass()				添加css样式
removeclass()			移除css样式
toggleclass()			切换

JQ扩展

1.$.name = function(){}在其他js文件中引用$.name(不常用)

2.$.fn.name = function(){}引用$().name()

noConflict

用来防止其他扩展$符号冲突

var name = $.noConflict();用name代替默认的jQuery

之后可用name代替美元符号

Ajax

异步请求

$.ajax({
   url:"https://restapi.amap.com/v3/weather/weatherInfo?parameters",
    type:"GET",
    success:function (data,status) {
    //具体内容
        console.log(data);
        console.log(status);
        alert();
    }
  })

或直接$.get("url",data,fuction)和$.post("url",data,function)