最近在做一个基于AppEngine的小东西,Web应用嘛,不可避免地用到一些Javascript的组件。开始找了YUI,不过前两天通过Remindr发现了JQuery,如获至宝,赶紧把YUI替换掉了。昨天晚上一般看一边做,发现果然强大。
最开始吸引我的是Datepicker,很简单的两句话,就可以做非常棒的日期选择,很不错。
$(document).ready(function(){
$(’#example’).datepicker();
});
这里面,$(‘#example’)是选择id为example的input。这就是JQuery中的Selector。Selector的功能很强大,除了能很轻松的选择某一个元素以外,还能选择某一个元素内的某种元素,以及直接子元素等等。甚至还包括了一些循环语句,很强大。
比如我要给一个id为items的ul内的li加上鼠标移过时高亮的特征。只需要
$(’#items >li’).hover(function(){
$(this).css(’background’, ‘#eeff00′)
}, function(){
$(this).css(’background’, ‘#fff’)
});
这样就不用在html里面添加这些元素,维护起来就比较轻松了。
另外,常用的一些隐藏、显示、拖拽的功能也很强大,进一步试用中。
分享到:
相关推荐
**JQuery初体验——Hello World** JQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互。这个“1. JQuery初体验--helloWorld”主题将引导你入门JQuery,通过一个简单的“Hello ...
《JQuery初体验:通过JavaScript实现2048小游戏》 2048是一款深受玩家喜爱的数字拼图游戏,其简洁的界面和富有挑战性的玩法吸引了大量的编程爱好者尝试用各种编程语言进行实现。本教程将带你走进JavaScript与jQuery...
JQuery 是一个非常流行的 JavaScript 库,其市场份额高达70%,深受开发者喜爱。...通过这个简单的JQuery初体验,我们可以看出,它不仅能够简化DOM操作,还能帮助我们解决实际开发中的各种问题,提高开发效率。
jQuery初体验 ##### 2.1 简单动画效果 除了DOM操作之外,jQuery还提供了一系列丰富的动画效果。比如,我们可以使用`.fadeIn()`、`.fadeOut()`、`.slideUp()`和`.slideDown()`等方法来添加基本的动画效果。 **...
01.jQuery初体验 02.jQuery选择器 03.jQuery语法 04.jQuery方法1 05.jQuery方法2 06.jQuery选择器(基础)至选择器(表单) 07.选择器(表单)至属性(CSS类) 08.属性(CSS类)至属性(值) 09.属性(值)至过滤(filter) 10.过滤...
**2.2 jQuery初体验示例** 例如,通过下面的代码,我们可以实现点击按钮使div显示或隐藏的功能,以及改变div的内容。 ```javascript $(document).ready(function(){ $("#btn1").click(function(){ $("div").show...
AJAX(异步JavaScript和XML)则允许在不刷新整个页面的情况下更新部分网页内容,提高了用户体验。在这个控件中,jQuery和AJAX的结合用于实现表格数据的动态加载、编辑和删除,使得用户可以无需刷新页面就能进行操作...
### jQuery 初步了解 ...通过以上介绍可以看出,jQuery 是一个功能强大且易于使用的 JavaScript 库,它极大地提高了 Web 开发的效率和体验。对于初学者来说,掌握 jQuery 的基本用法是进入前端开发领域的重要一步。
《jQueryTree:构建高效左菜单树的实例解析》 在Web开发中,为了提供用户友好的界面和良好的导航体验,菜单树是一种常见的设计元素。尤其是对于内容丰富的网站或应用程序,左侧菜单树能够清晰地组织和展示层次结构...
jQuery 1.3.2版本时,其丰富的插件生态已经初具规模。开发者可以通过插件扩展jQuery的功能,如表单验证、轮播图、日期选择器等,极大地丰富了开发工具箱。 ### 7. 性能优化 在jQuery 1.3.2中,对DOM操作和事件处理...
这些元素是收集用户输入和提供反馈的关键部分,掌握如何通过jQuery优雅地处理它们,对于提升网站的专业性和用户体验有着重要影响。 列表、树形结构和表格的动态处理也是本书的重点内容之一。在处理大量数据展示时,...
这些动画效果能极大地提升用户体验,使网页更加生动有趣。 Ajax部分则详细阐述了如何使用jQuery进行异步数据请求,实现前后端数据的无刷新交互。jQuery的Ajax方法使得开发者可以轻松地处理JSON、XML等数据格式,...
1. **Bootstrap兼容性**:`jquery.tabulation.js`设计之初就考虑到了与Bootstrap框架的集成,因此在样式和交互上能够与Bootstrap的其他组件保持一致,提供统一的视觉体验。 2. **元素转换**:该插件能够将HTML中的...
接下来,jQuery 1.9在2013年初发布,这个版本的目标是清理代码库,消除旧的、废弃的API,使jQuery更加现代化。`$.browser`模块被完全移除,因为它不再需要,开发者可以通过检测用户代理字符串来获取浏览器信息。此外...
`elevateZoom`是一款强大的jQuery插件,它能够实现图片的放大效果,让用户在不离开当前页面的情况下,查看图片的细节,从而提升用户体验。 ## 1. 插件介绍 `elevateZoom`是一个基于JavaScript库jQuery的插件,它...
jQuery是在Prototype框架之后出现的另一款优秀的JavaScript框架,由John Resig于2006年初创建,目前最新版本为1.3.2。jQuery具有以下特点: 1. 语法简练、语义易懂,学习快速,拥有丰富的文档支持。 2. jQuery是轻量...
通过Ajax,开发者可以实现页面的无刷新更新,提升用户体验。 5. **插件系统**:jQuery的插件机制是其强大功能的延伸,许多开发者贡献了各种功能的插件,如表单验证、轮播图、时间选择器等。这些插件极大地丰富了...