一、找到你了
$("")=document.getElementById(""); $("#myDiv")
XPath
$("div p")
$("div .container")
$("div #msg")
$("table a",context) 得到context为上下文的table里面所有的连接元素。
二、JQUERY对象
jquery提供了很多便利的函数,如each(fn),但是使用这些函数的前提是:你使用的对象是Jquer对象。
1.var a = $("#cid");
2.var b = $("<p>hello</p>");
3.var c = document.createElement("table"); var tb = $(c);
三、代替body标签的onload
#(document).ready(Fn);
四、事件机制
$(document).ready(
function(){
$("#clear").click(function(){
alert("test");
$("form[0]").submit(validate);
});
});
function validate(){}
五、同一函数实现set&get
$("#msg").html();
$("#msg").html("hello");
六、ajax
$.get("search.do",{id:3},function(){//回调函数});
$.post("search.do",{id:4},function(){//回调函数});
$("#msg").ajaxStart(function(){});
$("#msg").ajaxSuccess(function(){});
七、渐入淡出
1.$("#msg").fadeIn("fast");
2.$("#msg").fadeOut("slow");
上面两行代码已经分别实现了一个id为Msg的jquery对象的渐入和淡出。做一个像Gmail一样的动态加载通知条,用jquery就那么简单。两个函数接受的参数除了快慢等,还可以接收整型,作为渐入或淡出的完成时间,单位为MS。
八、plugin
这也是一个插件的时代。
jquery插件给我的感觉清一色的清洁,简单。如Jtip,要使用它的功能,只需要在你的元素的class上加上Jtip,并引入jtip.js及其样式即可以了。
加一些Jquery的资源:
http://www.visualjquery.com/index.xml 很好的API查询站点
http://jquery.com/demo/thickbox/ 知道lightBox吧,看看Jquery是怎样实现相同的东西
http://www.codylindley.com/blogstuff/js/jtip/ Jtip,实用的提示工具
http://jquery.com/plugins/ 很多牛的插件。
http://15daysofjquery.com/ jquery 的15天教程
分享到:
相关推荐
JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记
JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记
jquery笔记,多年前端开发积累。
jquery笔记详细
完整Jquery笔记总结,xmind思维导图文档,可以下载查看。
这是我在学习javaScript后才学习jQuery,JavaScript和jQuery是想关联的,最好按照这样的顺序学习,这是在学习过程中全部的jQuery笔记总结,现在的我学了一年了,jQuery大概学了一个多月,做的全部笔记,希望对大家...
jquery 选择器 jquery 是一个快速简单的javascript library 简化了html文件 ,动画,ajax 。方便了网页技术的快速发展
JQuery笔记(表单验证),
jquery笔记.rar
JS-Ajax-jQuery笔记,学习笔记,JavaScript,JS-Ajax-jQuery笔记,学习笔记,JavaScript,
韩顺平AJAX和jquery笔记整理,对于学习jquery和AJAX有很大的帮助。
ajax\git\jquery笔记
jQuery笔记(上) 入门学习笔记,仅供参考
网络上看到的,挺好的,分享给大家, 达内的笔记 主要是javascript和jquery笔记