jQuery是什么,jQuery入门简介
发布时间：2018-08-22 11:42:39 所属栏目：业界 来源：站长网
导读：jQuery是一款很是优越的 Java Script库，到今朝为之jQuery已经宣布到1.4.x版本，jQuery是飞速成长的，每个月都在更新版本；并且不绝有人开拓出新的 jQuery插件 ，最近又推出了 jQuery UI 库。 jQuery于2006年一月十四号在BarCamp NYC (New York City)面世。
|
jQuery是一款很是优越的JavaScript库，到今朝为之jQuery已经宣布到1.4.x版本，jQuery是飞速成长的，每个月都在更新版本；并且不绝有人开拓出新的 jQuery插件 ，最近又推出了 jQuery UI 库。 jQuery于2006年一月十四号在BarCamp NYC (New York City)面世。主将 John Resig ，写有《Pro JavaScript Techniques》一书，由于效力于mozolla，听说firefox 3将包括Jquery，此刻的 Jquery团队 有首要开拓职员，推广职员，UI，插件开拓，网站计划维护，个中3个首要开拓职员别离是：两个美国人John Resig/Brandon Aaron，一个德国人Jorn Zaefferer) 下面简朴先容一下jQuery的一些特征和用法： 1、精准简朴的选择工具(dom)： 以下为引用的内容： $('#element');// 相等于document.getElementById("element") $('.element');//Class $('p');//html标签 $("form > input");//子工具 $("div,span,p.myClass");//同时选择多种工具 $("tr:odd").css("background-color", "#bbbbff");//表格的隔行配景 $(":input");//表单工具 $("input[name='newsletter']");//特定的表单工具 2、工具函数的应用简朴和不限定： element.function(par)； $(”p.surprise”).addClass(”ohmy”).show(”slow”)... 3、对已选择工具的操纵（包罗样式）： 以下为引用的内容： $("#element").addClass("selected");//给工具添加样式 $('#element').css({ "background-color":"yellow", "font-weight":"bolder" });//改变工具样式 $("p").text("Some new text.");//改变工具文本 $("img").attr({ src: "test.jpg", alt: "Test Image" });//改变工具文本 $("p").add("span");//给工具增进标签 $("p").find("span");//查找工具内部的对应元素 $("p").parent();//工具的父级元素 $("p").append("<b>Hello</b>");//给工具添加内容 4、支持aJax，支持文件名目：xml/html/script/json/jsonp 以下为引用的内容： $("#feeds").load("feeds.html");//响应地区导入静态页内容 $("#feeds").load("feeds.php", {limit: 25}, function(){alert("The last 25 entries in the feed have been loaded");});//导入动态内容 4、对变乱的支持： 以下为引用的内容： $("p").hover(function () { $(this).addClass("hilite");//鼠标放上去时 }, function () { $(this).removeClass("hilite");//移开鼠标 });//鼠标放上去和移开的差异结果（自动轮回全部p工具） 5、动画： 以下为引用的内容： $("p").show("slow");//潜匿工具(慢速渐变) $("#go").click(function(){ $("#block").animate({ width: "90%", height: "100%", fontSize: "10em" }, 1000 ); });//鼠标点击后宽、高、字体的动态变革 6、扩展： 以下为引用的内容： $.fn.background = function(bg){ return this.css('background', bg); }; $(#element).background("red"); 假如要为每一个jQuery 工具添加一个函数，必需把该函数指派给 $.fn，同时这个函数必必要返回一个 this（jQuery 工具） jQuery相干 《Learning jQuery:Better Interaction Design and Web Development with Simple JavaScript Techniques》第一本由jQuery的开拓职员写的关于怎样进修jQuery的书已经于七月面世，同时尚有三内情关的书在问世傍边。 jQueryCamp 2007，一个jQuery开拓职员的晤面会也将于10月27日在Boston召开。 VisualJquery是一个Jquery的进修和查询网站，也随着更新到了1.1.2版本。 jQuery官网先容翻译： jQuery是一个早年不曾有过的JavaScript库。 他快速、简捷，可以或许很等闲地处理赏罚HTML文档、节制变乱、给页面添加动画和Ajax结果。 jQuery是为了改变JavaScript的编写方法而计划的。 他得当全部人：计划师、开拓职员、极客、贸易应用... 体积小：26.5KB（1.2.1压缩版），45.3KB（1.2.1精简版），78.6KB（1.2.1完备版）...20.7KB（1.1.2压缩版），57.9KB（1.1.2完备版） 兼容性：支持CSS 1-3和根基的XPath 跨赏识器：IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+（向后兼容） jQuery插件： 以下为引用的内容： Ajax (25)/Animation and Effects (26)/Browser Tweaks (6)/Data (17)/DOM (21)/Drag-and-Drop (6)/Events (19)/Forms (39)/Integration (12)/JavaScript (20)/jQuery Extensions (37)/Layout (23)/Media (13)/Menus (13)/Navigation (23)/Tables (11)/User Interface (84)/Utilities (27)/Widgets (41)/Windows and Overlays (4) jQueryUI库： 根基的鼠标互动：拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing) 各类互动结果：手风琴式的折叠菜单(accordions)、日历(date pickers)、对话框(dialogs)、滑动条(sliders)、表格排序(table sorters)、页签(tabs)、放大镜结果(magnifier)、阴影结果(shadow) （编辑：湖南网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
站长推荐
热点阅读