jQuery 超快速学习方法
- 程序猿 JS jQuery 学习方法... (shuke.2013-09-16 03:25)
- jQuery 是一个 JavaScript 库。
jQuery 极大地简化了 JavaScript 编程。
jQuery 很容易学习。
默认加载： $(document).ready(function(){...} // 这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。// 元素（对象）： $(this) // 当前元素 // $("img") // IMG标签 // $(".test") // class类 // $("#div1") // ID类 // $(this).parents(".ex") // 父框架，也是当前框架 // $("[href]") // 选取所有带有 href 属性的元素。 // 方法（事件）： .click .dblclick(function) .focus(function) .mouseover(function) 函数: .hide() //eg: .hide("slow") // .show(); // .show(speed,callback); // .toggle(); // toggle() 方法来切换 hide() 和 show() 方法。 // .fadeOut(); // 淡出 slow 或者 1000（毫秒=1S） // .slideToggle("slow"); // 伸缩效果 // .animate({height:'300px',opacity:'0.4'},"slow"); // 拉伸动画 // .html("W3School"); // 替换内容，这东西也叫改变内容 // .append(" Appended text."); // 内部追加内容 // .before("Before"); // 在 HTML 元素之前、后追加内容。 // .after("After"); .css("background-color","red"); // 增加CSS属性 // alert("Background color = " + $("p").css("background-color")); // 弹出 // .load('/jquery/test1.txt'); // 加载外部文件内容 // 例如：（htmlobj=$.ajax({url:"/jquery/test1.txt",async:false}); $("#myDiv").html(htmlobj.responseText);） .remove(); // 方法删除被选元素及其子元素。.remove(".italic"); .empty(); // 删除被选元素的子元素。 .addClass("blue"); //addClass() 方法 $("h1,h2,p").addClass("blue"); .removeClass("blue"); //删除指定的 class 属性： .toggleClass("blue"); //对被选元素进行添加/删除类的切换操作： 定义： var div=$("div"); // 赋值 div.animate({height:'300px',opacity:'0.4'},"slow"); // -
2 楼 shuke[2013-09-16 15:53]Jquery是继prototype之后又一个优秀的Javascript框架。
它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），
jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。
jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。
jQuery能够使用户的html页面保持代码和html内容分离，
也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。
官方地址：http://jquery.com/
下载地址：http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js
中文学习网：http://www.php100.com/manual/jquery/$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});更多的选择器语法 描述 $(this) 当前 HTML 元素 $("p") 所有 <p> 元素 $("p.intro") 所有 class="intro" 的 <p> 元素 $(".intro") 所有 class="intro" 的元素 $("#intro") id="intro" 的元素 $("ul li:first") 每个 <ul> 的第一个 <li> 元素 $("[href$='.jpg']") 所有带有以 ".jpg" 结尾的属性值的 href 属性 $("div#intro .head") id="intro" 的 <div> 元素中的所有 class="head" 的元素 jQuery 事件Event 函数 绑定函数至 $(document).ready(function) 将函数绑定到文档的就绪事件（当文档完成加载时） $(selector).click(function) 触发或将函数绑定到被选元素的点击事件 $(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件 $(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件 $(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件 -
3 楼 shuke[2014-04-28 13:28]官方描述：
http://jquery-api-zh-cn.googlecode.com/svn/trunk/index.html -
4 楼 shuke[2014-11-09 11:19]JQ父级元素：$(document).ready(function(){
$(".skclose").click(function(){
$(this).parent().hide();
});
});
- 解决织梦图集中上传图片时跳出302错误
图片新热点
-
网站自定字体，压缩字库让网页字体与图标 *.EOT是一种压缩字库，目的是解决在网页中嵌入特殊字体的难题。例如：网页前端开发人员在网页中使用... 查看详情 -
酷能微日志V1.1发布 酷能微日志V1.1发布一，PHP文件，无需数据库(日志生成TXT文件保存在DATA里)。3个文件搞... 查看详情 -
PHPCMS调用自动广告的问题 可以专门建立一个或者几个栏目，用于放置不同的广告。在后台建立栏目时，可以先填写广告栏目的ID，在加... 查看详情 -
js 图片带点幻灯播放效果，适合做BA 这个效果很适合BANNER，可以加连接，也可以做幻灯片。有图有真相：... 查看详情 -
【原创】phpcmsv9 关于站群同布 1.首先，建立一个发步点，填写FTP相关地址，为的是能够发步到你网站空间里。这样子你的网站就不要后... 查看详情