Archive for the ‘JavaScript和AJAX’ Category

新闻来源:可能吧这又是一篇关于Javascript的文章,上一篇是10个可以用javascript实现的图片特效。这篇分享几个在地址栏实现的Javascript有趣效果和应用。能在浏览器地址栏实现的效果太多了,字体放大、显示所有图片、显示Cookie等等。但这篇文章重点放在“有趣”上面,当你无聊的时候,不妨玩玩。原文来自BlogOhBlog。[separator]

1、编辑网页
在地址栏输入下面的代码按enter,网页上所有元素都能变成可编辑状态,你可以移动、调整元素大小。如果你只是讨厌某个网站想发泄一下,我建议你使用NetDisater。
阅读全文——共1208字

六月 9th, 2008

jQuery入门

No Comments, JavaScript和AJAX, by shu, 22 次阅读.

  jQuery定义二  一 . 了解jQuery  1 、Jquery定义 :  jQuery 是一个JavaScript 库,它有助于简化 JavaScript? 以及 Asynchronous JavaScript + XML (Ajax) 编程。与类似的 JavaScript 库不同,jQuery 具有独特的基本原理,可以简洁地表示常见的复杂代码。学习 jQuery 基本原理,探索其特性和功能,执行一些常见的 Ajax 任务并掌握如何使用插件扩展 jQuery。[separator]  2 、Jquery的出生 :  jQuery 由 John Resig 创建于 2006 年初,对于任何使用 JavaScript 代码的程序员来说,它是一个非常有用的 JavaScript 库  3 、Jquery的好处 :  jQuery 能帮助您保证代码简洁易读。您再也不必编写大堆重复的循环代码和 DOM 脚本库调用了。使用 jQuery,您可以把握问题的要点,并使用尽可能最少的代码实现您想要的功能  备注 :jquery在批量处理方面有着非常强大的优势,以精简,易用独闯天涯。在与DOM库进行交互时,转换非常简单。不要相信它什么都能做的更好。  本次讲解的内容分为两个部分 :  1 . 对前段时间前端设计人员的作业做个点评  2 . 对如何来使用jquery,用jquery来做什么以及如何来调试自己的jquery代码做个解释  二 . 使用jQuery  1 、进行实例化  这是整个jQuery库中最为核心的一部分,所有的函数都必须先经过它,才可对库中的方法进行调度。$() 函数这就是jQuery的实例化操作函数,只有jquery对象才可运用库中的其他函数,否则将拒绝访问,提示错误。  返回值 :$(expr, context)) 函数返回一个含有所有与 CSS 选择器匹配的元素的 jQuery 对象  示例介绍 :  示例 1 – 使用 jQuery的 ID选择器来进行实例化。  var elements = $(“#myId”);  以上代码,将获取到ID为myId的jquery对象 .相当于DOM中document.getElementById(‘myId’),不同点为,后者返回的是一个DOM对象  示例2 – 使用 jQuery 的标签选择器进行实例化  var elements = $(“p”);  以上代码,将获取整个DOM文档中所有标签为p的jquery对象,相当于DOM中的document.getElementsByTagName(‘p’),不同点为,后者返回多个标签为 p的DOM对象.  示例3 – 使用 jQuery 的css样式选择器进行实例化  var elements = $(“.container”);  以上返回的均为jQuery 对象 ,结构上类似于数组。因为它返回的是jquery对象,所以可以进行方法的链接使用。  2 、页面如何引用  在需要使用JQuery的页面中引入JQuery的js文件即可。  例如:  具体的路径,可以根据实际情况,来对”src”进行改动。引入之后便可在页面的任意地方使用jQuery提供的语法。  3 、具体使用  下面为本次讲解制作了4个示例。通过这几个示例,大家可以看到jquery的具体使用方法。基本熟悉常用的函数,以后,在页面效果的制作中,可以随心所欲 。 。。。  三 . 注意jQuery事项  1、关于页面元素的引用  通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。  2、jQuery对象与dom对象的转换  只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象。  普通的dom对象一般可以通过$()转换成jquery对象。  如:$(document.getElementById(“msg”))则为jquery对象,可以使用jquery的方法。  由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项,一般可通过索引取出。  如:$(“#msg”)[0],$(“div”).eq(1)[0],$(“div”).get()[1],$(“td”)[5]这些都是dom对象,可以使用dom中的方法,但不能再使用Jquery的方法。  以下几种写法都是正确的:  $(“#msg”).html();  $(“#msg”)[0].innerHTML;  $(“#msg”).eq(0)[0].innerHTML;  $(“#msg”).get(0).innerHTML;  3、如何获取jQuery集合的某一项  对于获取的元素集合,获取其中的某一项(通过索引指定)可以使用eq或get(n)方法或者索引号获取,要注意,eq返回的是jquery对象,而get(n)和索引返回的是dom元素对象。对于jquery对象只能使用jquery的方法,而dom对象只能使用dom的方法,如要获取第三个
阅读全文——共3881字


SEO Powered by Platinum SEO from Techblissonline