作者:哈哈1991188 | 来源:互联网 | 2023-10-09 19:06
1,jQuery是一个简单的JavaScript库,提供了一系列辅助函数;以下简称jq;使用jq时,通常将jq代码放到head部分的事件处理方法中,也可以将其单独写出.js文件,引
1,jQuery是一个简单的Javascript库,提供了一系列辅助函数;以下简称jq;
使用jq时,通常将jq代码放到head部分的事件处理方法中,也可以将其单独写出 .js 文件,引入;但无论哪种使用形式,使用ja之前都要先引用有jq的文件,可以到jquery的官网下载,然后
2,jq的代码一般封装到$(document).ready(function(){ //代码段;})中,类似于JS中的window.Onload=function(){};
3,上述出现的 “ $ ”符号,就是jquery的标记,也可以将 $ 符号写成jquery;
4,jq中的选择器:
1)元素选择器:
$("标签名 "); 如:$("p")是选取了所有的P标签节点;
2)属性选择器:
$("[href]") : 选取所有带有href属性的元素;
$("[href = ‘#‘]"); :选区所有href值等于 # 的元素;
$("[href != ‘#‘]"); :选区所有href值不等于 # 的元素;
$("[href $= ‘.jpg‘ ]"); :选取所有href值 以.jpg结尾的元素;
3)css选择器:
$("标签名").css("属性名","属性值"); 如:$("p").css("background-color","red");
5,jq中获取元素内容的方法:
text() : 获取元素文本内容;
html():获取元素文本内容(包括html标签);
value():获取表单元素 的值;如 input的值;
6,jq中修改元素内容的方法:类似于获取元素内容的方法,但是添加了 参数;
text(“修改之后的新内容”);
html(“<标签>修改之后的新内容标签>”);
value(“修改后的新内容”);
7,获取属性方法:注意有参数为属性名;
attr();如:alert(("#id").attr("name"));//name为属性名;
8,添加和删除元素的方法:
添加方法:
append():在末尾添加;
prepend():在开头添加;
after():在元素后面添加;
berfore():在元素前面添加;
删除元素:
remove():删除被选元素及其子元素;
empty():从被选元素中删除子元素;
9,jq 提供多个与Ajax有关的方法;以下是最常用的3个方法:
1)load():从服务器加载数据,并把返回的数据放到被选元素中;
$(selector).load(URL , data , callback);
URL规定加载的url;
可选的data参数规定与请求一同发送的查询字符串键值对的集合;
可选的callback参数load()方法完成后所执行的函数名称。
2)get和post方法:
1)$.get()方法通过HTTP GET请求从服务器上请求数据;
$.get(url ,callback); url是必须的,callback可选;
2)$.post()方法通过HTTP POST请求从服务器上请求数据;
$.post(url ,data ,callback);
url是必须的,其他可选,data是连同请求发送的数据;callback有两个参数,第一个是被请求页面的内容,第二个是请求的状态;