JQuery

JQuery

jQuery 事件处理函数是 jQuery 中的核心函数。
--所有事件函数都在文档自身的“事件处理器”内部进行定义 $(document).ready(function() {..some code...} )
--按钮的点击事件的 click 函数 $("button").click(function() {..some code... } )
--var jq=jQuery.noConflict()，帮助您使用自己的名称（比如 jq）来代替 $ 符号。
--$(selector).click(function) 被选元素的点击事件；$(selector).dblclick(function) 被选元素的双击事件 ；$(selector).focus(function) 被选元素的获得焦点事件 ；$(selector).mouseover(function) 被选元素的鼠标悬停事件
--.fadeTo("slow",0.25)淡化所选元素；.fadeOut(4000)在4秒后淡化所选元素；.
--.animate({height:300},"slow")变换所选元素；.show()显示所选元素；.hide()隐藏所选元素；
--.slideUp("slow")隐藏所选元素；.slideDown("slow")展开所选元素；.slideToggle("slow")对所选元素进行隐藏展开操作；
方法总结：
$(selector).hide() 隐藏被选元素 ；$(selector).show() 显示被选元素 ；$(selector).toggle() 切换（在隐藏与显示之间）被选元素
$(selector).slideDown() 向下滑动（显示）被选元素 ；$(selector).slideUp() 向上滑动（隐藏）被选元素 ；$(selector).slideToggle() 对被选元素切换向上滑动和向下滑动
$(selector).fadeIn() 淡入被选元素 ；$(selector).fadeOut() 淡出被选元素；$(selector).fadeTo() 把被选元素淡出为给定的不透明度 ；$(selector).animate() 对被选元素执行自定义动画

JQuery对HTML的操作
--$(selector).html(content) 改变被选元素的（内部）HTML
--$(selector).append(content) 向被选元素的（内部）HTML 追加内容
--after() 函数在所有匹配的元素之后插入 HTML 内容。
--before() 函数在所有匹配的元素之前插入 HTML 内容。
-- css(name,value) 为所有匹配元素的给定 CSS 属性设置值
--css({properties}) 同时为所有匹配元素的一系列 CSS 属性设置值
-- css(name) 返回指定的 CSS 属性的值
--height(value) 设置所有匹配元素的高度
--width(value) 设置所有匹配元素的宽度

JQuery AJax请求方法
--jQuery 的 load 函数是一种简单的（但很强大的）AJAX 函数。它的语法如下：$(selector).load(url,data,callback)
--$(selector).load(url,data,callback) 把远程数据加载到被选的元素中
--$.ajax(options) 把远程数据加载到 XMLHttpRequest 对象中
--$.get/post(url,data,callback,type) 使用 HTTP GET/POST 来加载远程数据
--$.getJSON(url,data,callback) 使用 HTTP GET 来加载远程 JSON 数据
--$.getScript(url,callback) 加载并执行远程的 JavaScript 文件

转载于:https://my.oschina.net/u/1866053/blog/340233