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 文件

你可能感兴趣的:(JQuery)