jquery的学习
可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是动画 100% 完成后所执行的函数名称。
语法:
jQuery 效果 - 隐藏和显示
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
$(selector).toggle(speed,callback);
jQuery 效果 - 淡入淡出:
$(selector).fadeIn(speed,callback);淡入已隐藏的元素
$(selector).fadeOut(speed,callback);淡出可见元素
$(selector).fadeToggle(speed,callback);
$(selector).fadeTo(speed,opacity,callback);必需的 opacity 参数将淡入淡出效果设置为给定的不透明度(值介于 0 与 1 之间)
jQuery 效果 - 滑动
$(selector).slideDown(speed,callback);
$(selector).slideUp(speed,callback);
$(selector).slideToggle(speed,callback);
jQuery 效果 - 动画
$(selector).animate({params},speed,callback);必需的 params 参数定义形成动画的 CSS 属性。
jQuery 方法链接
$(selector).slideUp().slideDown();
jQuery 停止动画
$(selector).stop(stopAll,goToEnd);
可选的 stopAll 参数规定是否应该清除动画队列。默认是 false,即仅停止活动的动画,允许任何排入队列的动画向后执行。
可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。
因此,默认地,stop() 会清除在被选元素上指定的当前动画。
*******************************************************************************************
jQuery 语法实例
基础语法是:$(selector).action()
美元符号定义 jQuery
选择符(selector)“查询”和“查找” HTML 元素
jQuery 的 action() 执行对元素的操作
jQuery 选择器:
jQuery 元素选择器:jQuery 使用 CSS 选择器来选取 HTML 元素。例:$("#test") 选取id="test" 的元素
jQuery 属性选择器:jQuery 使用 XPath 表达式来选择带有给定属性的元素。例:$("[href]") 选取所有带有 href 属性的元素。
*******************************************************************************************
由于 jQuery 是为处理 HTML 事件而特别设计的,那么当您遵循以下原则时,您的代码会更恰当且更易维护:
把所有 jQuery 代码置于事件处理函数中
把所有事件处理函数置于文档就绪事件处理器中
把 jQuery 代码置于单独的 .js 文件中
如果存在名称冲突,则重命名 jQuery 库
*******************************************************************************************
设置/返回内容 - text()、html() 以及 val()
总结:val()---一般 用在input上,而不用在其他元素,用来获取input或者是select的值
html()和text()可用在多种元素上,但是html()相当于依据源代码返回,也就是在返回的内容中会包含各种tag,
而text()则相当于是依据页面显示返回,返回的内容是出去各种tag之间的内容
添加新的 HTML 内容-
- append() - 在被选元素的结尾插入内容
- prepend() - 在被选元素的开头插入内容
- after() - 在被选元素之后插入内容
- before() - 在被选元素之前插入内容
删除元素/内容-
- remove() - 删除被选元素(及其子元素)
- empty() - 从被选元素中删除子元素
CSS 操作-
- css() - 设置或返回样式属性
属性操作-
- addClass() -向被选元素添加一个或多个类。
- attr() - 设置或返回被选元素的属性值。
- hasClass() - 检查被选元素是否包含指定的 class。
- html() - 设置或返回被选元素的内容 (inner HTML)。
- removeAttr() -从被选元素中移除属性。
- removeClass() -从被选元素移除一个或多个类。
- toggleClass() - 对设置或移除被选元素的一个或多个类进行切换。
- val() -返回或设置被选元素的值。
*******************************************************************************************
AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新。
AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。
简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。
必需的 URL 参数规定您希望加载的 URL。
可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。
可选的 callback 参数是 load() 方法完成后所执行的函数名称。
$(selector).load(URL,data,callback);
可选的 callback 参数规定:
responseTxt - 包含调用成功时的结果内容
statusTXT - 包含调用的状态
xhr - 包含 XMLHttpRequest 对象
$.get(URL,callback);
$.post(URL,data,callback);
jQuery.ajax([settings]);