jquey知识点整理

Posted 2020-08-26 TTTK

jquery选择器
1.元素选择器：
$("p") 选取 <p> 元素。
$("p.intro") 选取所有 class="intro" 的 <p> 元素。
$("p#demo") 选取所有 id="demo" 的 <p> 元素。
2.属性选择器
$("[href]") 选取所有带有 href 属性的元素。
$("[href=‘#‘]") 选取所有带有 href 值等于 "#" 的元素。
$("[href!=‘#‘]") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$=‘.jpg‘]") 选取所有 href 值以 ".jpg" 结尾的元素。
3.css选择器
$("p").css("background-color","red");
4.其他选择器
语法	描述
$(this)	当前 html 元素
$("p")	所有 <p> 元素
$("p.intro")	所有 class="intro" 的 <p> 元素
$(".intro")	所有 class="intro" 的元素
$("#intro")	id="intro" 的元素
$("ul li:first")	每个 <ul> 的第一个 <li> 元素
$("[href$=‘.jpg‘]")	所有带有以 ".jpg" 结尾的属性值的 href 属性
$("div#intro .head")	id="intro" 的 <div> 元素中的所有 
class="head" 的元素
5.一共两个元素，选择第二个元素 ：
:last ,eq(1)【下标是从0开始】，
6.bind事件
$(selector).bind(event,data,function)可以绑定多个事件，多事件格式是 
以对象的形式呈现
$("button").bind(event,function)绑定单事件
7.change事件是在某个区域内容发生改变时候使用
8.delegate()事件是给其子元素添加绑定事件
9.live()方法: 
die() 方法移除所有通过 live() 方法向指定元素添加的一个或多个事件处 
理程序。(相当于阻止某一个事件)
10.当元素遇到错误（没有正确载入）时，发生 error 事件。
error() 方法触发 error 事件，或规定当发生 error 事件时运行的函数。
相应的使用replaceWith("标签")来替换’;
11.event.preventDefault()事件阻止 isDefaultPrevented()的返回值是 
true和false
12.pageX pageY事件
13.包含由被指定事件触发的事件处理器返回的最后一个值。event.result
14.event.target:触发事件的DOM元素
15.event.type事件类型
16.event.which指示按了那个键那个按钮(指示的是键盘的）
17.load当某些东西如果加载成功之后显示出来
18.mousedown鼠标按入事件、mouseenter鼠标进入元素事件 、mouseleave鼠 
标离开事件
mousemove鼠标移动事件、 ..........
19.one事件：
one() 方法为被选元素附加一个或多个事件处理程序，并规定当事件发生时 
运行的函数。
当使用 one() 方法时，每个元素只能运行一次事件处理器函数。
20.ready()文档就绪事件
$(document).ready(function(){})//$().ready(function(){})// 
$(function(){})//
21.resize重新调整浏览器的大小
22.select()事件,被选中，可以在其前后加内容使用before(‘文本内容‘),或 
者after(‘文本内容‘)
23.toggle() 方法用于绑定两个或多个事件处理器函数，以响应被选元素的 
轮流的 click 事件
当指定多个函数时：$(selector).toggle(function1(),function2 
(),functionN(),...)
toggle(true/false)也可直接确定的
24.trigger() 方法触发被选元素的指定事件类型。
triggerHandler() 方法触发被选元素的指定事件类型。但不会执行浏览器默 
认动作，也不会产生事件冒泡。
triggerHandler() 方法与 trigger() 方法类似。不同的是它不会触发事件 
（比如表单提交）的默认行为，而且只影响第一个匹配元素。
25.unbind解绑事件，在某个对象发展某种程度的时候，采取
26.创建几个文本，然后after(文本1,文本2，文本3)
27.添加元素append before（） after() prepend()
28、删除元素：remove(删除被选元素及其子元素) empty(从被选元素中删除 
子元素) 注意两者的区别
remove(".XX")可以定义选中的元素进行过滤
29、
addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
css() - 设置或返回样式属性
30、遍历
向上遍历：
parent()父元素 parents()所有的父元素 parentsUntil(‘ul‘)所有的父元素 
直到某一个元素
向下遍历：
children(只会向下一级进行遍历，也可自行选择具体的哪一个) find(返 
回被选元素的后代元素，直到最后一代)
水平遍历:
siblings()被选 元素的所有的同胞兄弟
next()
nextAll()
nextUntil()
prev()
prevAll()
prevUntil()
过滤：
first()第一个元素
last()最后一个元素
eq() 方法返回被选元素中带有指定索引号的元素。
索引号从 0 开始，因此首个元素的索引号是 0 而不是 1。下面的例子选取 
第二个 <p> 元素（索引号 1）：
filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删 
除，匹配的元素会被返回。
not() 方法返回不匹配标准的所有元素。
31、jquery ajax 
通过 jQuery AJAX 方法，您能够使用 HTTP Get 和 HTTP Post 从远程服务 
器上请求文本、HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入 
网页的被选元素中。
常用的加载方法:
load()
语法$(select),load(URL,data,callback);
必需的 URL 参数规定您希望加载的 URL。
可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。
可选的 callback 参数是 load() 方法完成后所执行的函数名称。
responseTxt - 包含调用成功时的结果内容
statusTXT - 包含调用的状态
xhr - 包含 XMLHttpRequest 对象
32、ajax加载的时候需要在web环境下加载(xampp，目前使用的是phpstudy)
33、jQuery get() 和post()通过HTTP GET 或 POST 从服务器请求数据
34、向服务器端发送请求，open() 和send()
xml.open("Get或者post","test1.txt","true")【true异步请求，false同步 
请求】
send(string)【string仅限于POST请求】
post和get的区别
与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。
然而，在以下情况中，请使用 POST 请求：
无法使用缓存文件（更新服务器上的文件或数据库）
向服务器发送大量数据（POST 没有数据量限制）
发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠
post请求:
如果需要像 HTML 表单那样 POST 数据，请使用 setRequestHeader() 来添 
加 HTTP 头。然后在 send() 方法中规定您希望发送的数据：

readyState:0 初始化 1服务器连接建立 2请求已接受 3请求处理中 4请求已 
完成，且响应就绪
status: 200 ok 404未找到页面

【关于对请求兼容方面
var xhr = new XMLHttpRequest();//code for IE7 +firefox chrome opera safari
var xhr = new ActiveObject(‘Microsoft.XMLHTTP);//code for IE6 IE5
】