jquey知识点整理

Posted TTTK

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquey知识点整理相关的知识,希望对你有一定的参考价值。

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
】

  

以上是关于jquey知识点整理的主要内容,如果未能解决你的问题,请参考以下文章

JSP页面开发知识点整理

jquey常用代码

IOS开发-OC学习-常用功能代码片段整理

VS2015 代码片段整理

jquey代码基于选中的checkbox 删除对应的一行数据

php练习-javascript,JQuey制作页面切换