jQuery一些笔记

在使用jQuery前要记得先向页面添加jQuery库。注:如果是H5的话可以省略type=”text/javascript”。当然前提是你的jquery.js是已下载好并且有导入到你的项目中。如果你不下载的话也可以从Google CDN(内容分发网络)引用它。

如果想用新版本可把版本号删除,它会自动获取最新版本。如:1.8则返回1.8.0~1.8.9,如果只剩1则会返回1系列最新版本最低到1.9.9

在jQuery中$(document).ready(function(){
//some code
});
这是为了防止文档未加载完全就执行了jQuery代码。

$()是jQuery()的简写=getElementByTagName();如: $(“div”)=getElementByTagName(“div”);
$()的作用是用于查找出HTML的标签、属性、样式。而且还可以通过层次进行查找出。

noConflict()翻译成中文是“无抵触”。用法:作用是防止与其他框架同使用时$()简写重名导致脚本停止运行。当然我们也可以这样 var jq = $.noConflict();这样就能创建自己的jQuery的简写了。jq就是简写!

隐藏/显示
Hide(),show()
淡入淡出
fadeIn(),fadeout(),fadeToggle(“slow”),fadeTo(“slow”,0.5)分别是只会淡入,只会淡出,会淡入淡出(有可选效果,快、慢),淡出的快慢以及透明度。
滑动
slideDown(),slideUp(),slideToggle()分别是往下滑动,往上滑动,能上能下滑动。

追加新元素
append() - 在被选元素的结尾插入内容prepend() - 在被选元素的开头插入内容after() - 在被选元素之后插入内容before() - 在被选元素之前插入内容(都是在前面或是都在后面插入内容没感觉有什么不同)
如:$(“div”).append(“asds”);其中div是被选元素

删除元素/内容
Remove()删除选中的那个元素(包括其子元素),empty()删除被选中的子元素。

设置CSS样式
addClass(),removeClass(),toggleClass(),css()分别是增,删,切换,设置或返回样式属性。

尺寸
Width()height(),innerWidth/Height()outerWidth/Height()分别是设置或返回元素的宽,高。包括内边距宽高。包括内边距加边框,如果括号内为true的话则包括内+外+边框总和的宽高

遍历
Parent(),parents(),parentsUntil()分别是返回被选元素的上一级(直父),被选以上所有的元素。返回两个元素之间的所有祖元素。
Children(),find()分别是返回被选元素的下一级(直子)。Find()括号内如果是指定元素标签的话则返回被选元素的所有‘子’指定标签,如果是“*”则返回被选元素下的所有子元素标签。
Siblings()返回被选元素的同胞所有元素(如果括号内带有指定元素标签则返回同胞中所有该元素标签的元素),next()返回被选元素的同胞下一个元素,nextAll()返回的是被选元素的同胞下所有的元素,nextUntil()返回的是被选元素到nextUntil()括号指定元素之间的所有元素。Prev(),prevAll(),prevUntil()与next(),nextAll(),nextUntil()一一相反对应。
First()返回被选元素的首个元素(选中的元素有多个),last()则是对应最后一个元素。Eq(n)返回被选元素索引的第n个元素(选中的元素有多个),filter(“指定标准的元素”)返回带有指定标准的元素,其他的一律会被从集合中删除。Not()方法与filter()相反。

Ajax
jQuery是通过load(URL,data,callback)方法进行加载服务器数据,其中callback参数是可选的。
$.get(URL,callback)从服务器上请求数据,URL是必选,callback是可选,用于请求成功后所执行的函数。

你可能感兴趣的:(jQuery一些笔记)