`

初识jquery

阅读更多
以前在javaeye上面看到推荐prototype.js, 而且刚好学习appfuse,其中刚好也用到了,于是自己试用了下, 非常喜欢。由于javascript用得不多, 而且心怀抵制, 一直就是半桶水,也一直认为过于自由的javascript语法让我在实际使用往往就不知如何是好(更加习惯严格语法的东西, 感觉不需要记那么多种花样)。解析dom更是痛苦, prototype中的$('id')就能搞定document.getElementById(),少写了很多字,曾为这种简便语法兴奋了很久(dom解析并未真的简单,只是少写了代码, 解析dom并没有新方式,取树中的对象还是苦难)。当然,prototype最令人兴奋的是将javascript封装成了对象oo风格, 这点就跟java类似了, 学起来也轻松许多。

现在又看到了jquery, 号称比prototype更加简洁, 现在js框架真的越来越多, 比较重量级的有dojo和ext, 而且ext在javaeye是超级火爆。我在js上花的功夫和时间确实就比较少, 一直没有去接触ext, 说到学习的话,倒是更倾向简单、轻量级的东东,于是prototype和jquery就成了选择, 既然jquery比prototype还要简洁, 那就不妨直接从jquery开始。

看了jquery的介绍,其实它自己倒没有说是什么框架,确实说jquery是框架可能有些过, 它本身应该只是一个api库。因为在ui组件上比起ext还是差了很远,还好有不少的插件支持,相信ui可以慢慢补充。

看看jquery有什么让我兴奋的地方吧, 当然首先是dom解析了!
$("div p");(1)  
$("div.container")(2)  
$("div #msg");(3)  
$("table a",context);(4) 

第一行代码得到所有<div>标签下的<p>元素。第二行代码得到class为container的<div>元素,第三行代码得到<div>标签下面id为msg的元素。第四行代码得到context为上下文的table里面所有的连接元素a。
非常xpath的风格, 解析dom变得跟xml差不多了。

好了, 先说这么多, 之后再陆续补上jquery的学习感受。

分享到:
评论

相关推荐

    初识jQuery

    初识jQuery,12课时的第一课,帮助你了解jQuery

    RIA应用开发:1-初识Jquery.ppt

    RIA应用开发:1-初识Jquery.ppt

    初识JQuery-DOM操作(Demo实战详解)

    我是辰兮,很高兴你能来阅读,本章初识jQuery,用案例详细的讲解了jQuery的DOM操作,每一个操作都有详细的案例以及截图,希望对你有帮助,分享获取新知,大家一起进步。 下一篇请参考:JQuery-DOM进阶 文章目录一、...

    【JavaScript】4.初识 jQuery

    本来这一篇要写JavaScript的事件处理的,但是内容好多啊,这一套那一套的,看得有点晕……查资料的时候发现好些东西大家都是用 jQuery 实现的,据说挺好上手的,那我就先看看 jQuery,之后和JS对照着学吧。...

    初识JQuery 实例一(first)

    用jquery为ul下的li依次设置样式的代码,主要是利用了first,next方法。

    全栈工程师开发8个阶段(27.32G)

    0.HTML5和CSS3完成网站布局 ...---2.列表、表格、媒体元素 ---3....---4.css3入门使用 ---5.css3美化 ---6....---7....---8....---5.初识jQuery(转换) ---6.jQuery选择器 ---7.jQuery的事件与动画 ---8.jQuery操作D

    Jquery EasyUI的添加,修改,删除,查询等基本操作介绍

    初识Jquery EasyUI看了一些博主用其开发出来的项目,页面很炫,感觉功能挺强大,效果也挺不错,最近一直想系统学习一套前台控件,于是在网上找了一些参考示例。写了一些基本的增删改查功能,算是对该控件的基本入门...

    谈一谈jQuery核心架构设计

    1 初识jQuery 从核心功能来看,jQuery仅仅做了一件简单而又平凡的事:查询。它的语法如此简洁明了,以致于很多人在不知道javascript是什么的时候就已经会用jQuery了,用一个词形容就是:大道至简。 从设计层面来看,...

    实例讲解Jquery中隐藏hide、显示show、切换toggle的用法

    本文实例为大家分享了jquery中show()、hide()和toggle()用法实例,供大家参考,具体内容如下 ...初识jQuery&lt;/title&gt; [removed][removed] &lt;!--引用这个jquery库--&gt; &lt;style&gt; #test{ display

    学习前端的第六天,对jQuery的初识

    学习前端的第六天,对jQuery的初识

    jquery快速高效制网页特效7.0版本

    jquery7.0课程,含有课程ppt讲解,上机练习和简答的源代码,内容与8.0课程相似

    jquery 入门帮助.pdf

    对于了解ajax 并 初识jq 的人很有帮助

    初识javascript的一点点见解

    接触javascript的时间说起来,长不长,短不短,其实真正开始学习它的时候应该是在去年大四11月份的时候,反正写网上的一些简单的特效,基本都是用jquery写得比较多,以致于对原生的js了解也是一知半解

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    jQuery 和Dom关系及jQuery版本 jQuery选择器 实例多选反选取消 删选器以及Tab菜单示例 示例:模态编程框 jQuery 样式以及属性操作 示例:TAB切换菜单 jQuery内容操作 点赞以及jQuery css操作 JQuery高度以及位置操作...

    韩顺平PHP JS JQUERY 所有视频下载种子 货真价实

    初识css 类选择器 id选择器 html选择器 8-13 3.通配符选择器 父子选择器 8-13 4.选择器使用细节 块元素?托心谠? 盒子模型 盒子模型经典应用① 8-13 5.盒子模型经典应用② 作业布置 8-15 1.div+css作业评讲① 8-15 ...

    Web前端框架应用:第1章 Vue基础入门-概述.pptx

    jQuery:通过对JavaScript代码的封装,使得DOM、事件处理、动画效果、Ajax交互等功能的实现变得更加简洁、方便,有效地提高了项目开发效率。;Angular: React: Vue:Vue通过虚拟DOM技术来减少对DOM的直接操作;通过...

Global site tag (gtag.js) - Google Analytics