【10】JavaScript相关 - 随笔分类(第5页) - Lzhdim's Fashion

jQuery鼠标点击/划过特效

摘要：以下代码是jQuery在鼠标动作的时候进行的相应的操作，比如输入框获得焦点Jquery的，鼠标点击，鼠标划过的时候Jquery的效果阅读全文

posted @ 2009-02-04 15:57 lzhdim 阅读(1454) 评论(0) 推荐(0)

jQuery的动态表格动态表单

摘要：这个例子就是通过jquery对dom进行操作，达到动态的实现HTML变换的问题。动态表格动态表单中的Jquery代码 jQuery的下面是动态表格动态表单中的HTML代码开始日期结束日期单位名称岗位名称 ... 阅读全文

posted @ 2009-02-04 15:56 lzhdim 阅读(3637) 评论(2) 推荐(0)

摘要：1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jque... 阅读全文

posted @ 2009-02-04 15:55 lzhdim 阅读(569) 评论(0) 推荐(0)

jQuery起点教程之插件制作(7)

摘要：jquery插件给我的感觉清一色的清洁，简单。如Jtip，要使用它的功能，只需要在你的元素的class上加上Jtip,并引入jtip.js及其样式即可以了。其他事情插件全包。我喜欢jquery的一个重要原因是发现她已经有了很多很好，很精彩的插件。写一个自己的jQuery插件是非常容易的,如果你按照下面的原则来做,可以让其他人也容易地结合使用你的插件. 为你的插件取一个名字,在这个例子... 阅读全文

posted @ 2009-02-04 15:54 lzhdim 阅读(661) 评论(0) 推荐(0)

jQuery起点教程之Animate(5)

摘要：jQuery起点教程之Animate是个好东西，一个非常好的效果你可以用jquery自带的函数，比如show(),hide(),Animate()等函数。更确切的说这些函数才是jquery吸引人的地方。一些动态的效果可以使用 show() 和 hide()来表现: $(document).ready(function() { $("a").toggle(function() {... 阅读全文

posted @ 2009-02-04 15:53 lzhdim 阅读(582) 评论(0) 推荐(0)

jQuery起点教程之有序化插件实例(6)

摘要：jQuery起点教程之有序化插件实例是一篇使用jquery的tablesorter插件来实现一些功能效果的教程，大家可以认真学习一下。Sort me将我有序化:使用tablesorter插件进行表格排序。这个表格排序插件能让我们在客户端按某一列进行排序，引入jQuery和这个插件的js文件，然后告诉插件你想要哪个表格拥有排序功能。要测试这个例子，先在starterkit.html中加上像下面... 阅读全文

posted @ 2009-02-04 15:53 lzhdim 阅读(543) 评论(0) 推荐(0)

jQuery起点教程之使用AJAX(4)

摘要：在这一部分我们写了一个小小的AJAX应用，它能够rate一些东西（译Keel注：就是对某些东西投票），就像在youtube.com上面看到的一样。首先我们需要一些服务器端代码，这个例子中用到了一个PHP文件，读取rating参数然后返回rating总数和平均数。看一下rate.php代码. 虽然这些例子也可以不使用AJAX来实现，但显示我们不会那么做，我们用jQuery生成一个DIV容器，ID是... 阅读全文

posted @ 2009-02-04 15:52 lzhdim 阅读(553) 评论(0) 推荐(0)

jQuery起点教程之使用选择器和事件(3)

摘要：jQuery起点教程之使用选择器和事件 jQuery提供两种方式来选择html的elements：第一种是用CSS和Xpath选择器联合起来形成一个字符串来传送到jQuery的构造器（如：$("div > ul a")）；第二种是用jQuery对象的几个methods(方法)。这两种方式还可以联合起来混合使用。为了测试这些选择器，我们来试着在我们start... 阅读全文

posted @ 2009-02-04 15:51 lzhdim 阅读(556) 评论(0) 推荐(0)

jQuery起点教程之Hello Word(2)

摘要：Hello jQuery在做所有事情之前,我们要让jQuery读取和处理文档的DOM,必须尽可能快地在DOM载入后开始执行事件,所以,我们用一个ready事件作为处理HTML文档的开始.看看我们打开的custom.js这个文件,里面已经准备好了: $(document).ready(function() { // do stuff when DOM is ready }); 放一个简单... 阅读全文

posted @ 2009-02-04 15:50 lzhdim 阅读(535) 评论(0) 推荐(0)

jQuery起点教程之安装(1)

摘要：jQuery入门指南教程这个指南是一个对jQuery库的说明，要求读者了解HTML(DOM)和CSS的一些常识。它包括了一个简单的Hello World的例子，选择器和事件基础，AJAX、FX的用法，以及如何制作jQuery的插件。这个指南包括了很多代码，你可以copy它们，并试着修改它们，看看产生的效果。内容提要安装 Hello jQuery ... 阅读全文

posted @ 2009-02-04 15:48 lzhdim 阅读(645) 评论(0) 推荐(0)

jQuery使用手册之jQuery插件(9)

摘要：这也是一个插件的时代。随着jQuery的广泛使用，已经出现了大量jQuery插件，如thickbox，iFX，jQuery-googleMap等，简单的引用这些源文件就可以方便的使用这些插件。这里我简单的介绍一些网址供大家参考，这些网站头提供了大量的demo，并且使用及其简单，及时E文不好，也能快速掌握！ jquery插件给我的感觉清一色的清洁，简单。如Jtip，要使用它的功能，只需要在你的元素的... 阅读全文

posted @ 2009-02-04 15:47 lzhdim 阅读(574) 评论(0) 推荐(0)

jQuery使用手册之Ajax支持(8)

摘要：$.ajax(prop) 通过一个ajax请求，回去远程数据，prop是一个hash表，它可以传递的key/value有以下几种。 (String)type：数据传递方式(get或post)。 ((String)url：数据请求页面的url ((String)data：传递数据的参数字符串，只适合post方式 ((Str... 阅读全文

posted @ 2009-02-04 15:46 lzhdim 阅读(535) 评论(0) 推荐(0)

jQuery使用手册之事件处理(7)

摘要：jQuery的事件处理，有方法： hover(Function, Function) 当鼠标move over时触发第一个function，当鼠标move out时触发第二个function 样式： Html代码： sdf jQuery代码及效果 $(function(){ $("#a").hover(function(){$(this).addClass("red");}, ... 阅读全文

posted @ 2009-02-04 15:45 lzhdim 阅读(553) 评论(0) 推荐(0)

jQuery使用手册之JavaScript处理(5)

摘要：$.browser()函数，希望我没有称呼错。其目的是：判断浏览器类型，返回boolen值 $(function(){ if($.browser.msie) { alert("这是一个IE浏览器");} else if($.browser.opera) { alert("这是一个opera浏览器");} }) 当页面载入式判断浏览器类型，可判断的... 阅读全文

posted @ 2009-02-04 15:44 lzhdim 阅读(502) 评论(0) 推荐(0)

jQuery使用手册之动态效果(6)

摘要：jQuery一直以来在效果外面口碑都不错一直以来jquery的插件很丰富，一些很好的效果，比如我写过fat.js的渐变褪色淡入淡出效果，在新版本的jquery1.2中，可以很方便的用 $("#go").click(function(){ $(".block").animate( { backgroundColor: 'pink' }, 1000) .animate( { back... 阅读全文

posted @ 2009-02-04 15:44 lzhdim 阅读(559) 评论(0) 推荐(0)

jQuery使用手册之CSS操作(4)

摘要：Jquery对css的操作相当方便，能很方便我们去通过js修改css。传统javascript对css的操作相当繁琐，比如 css 取它的background语法是： document.getElementById("a").style.background 而jQuery对css更方便的操作： $("#a").background();$("#a").background(“red”) ... 阅读全文

posted @ 2009-02-04 15:43 lzhdim 阅读(1069) 评论(0) 推荐(0)

jQuery使用手册之DOM操作(3)

摘要：属性我们以为例，在原始的javascript里面可以用var o=document.getElementById('a')取的id为a的节点对象，在用o.src来取得或修改该节点的scr属性，在jQuery里$("#a")将得到jQuery对象[ ]，然后可以用jQuery提供的很多方法来进行操作，如$("#a").scr()将得到5.jpg,$("#a").scr("1.jpg")将该对象s... 阅读全文

posted @ 2009-02-04 15:43 lzhdim 阅读(612) 评论(0) 推荐(0)

jQuery使用手册之核心部分(2)

摘要：$(expr) 说明：该函数可以通过css选择器，Xpath或html代码来匹配目标元素，所有的jQuery操作都以此为基础参数：expr：字符串，一个查询表达式或一段html字符串例子：未执行jQuery前： one two three jQuery jQuery代码及功能： function jq(){ alert($("div > p"... 阅读全文

posted @ 2009-02-04 15:42 lzhdim 阅读(530) 评论(0) 推荐(0)

jQuery使用手册之基本介绍(1)

摘要：Jquery是继prototype之后又一个优秀的Javascript框架。jQuery是一款同prototype一样优秀js开发库类，特别是对css和XPath的支持，使我们写js变得更加方便！如果你不是个js高手又想写出优秀的js效果，jQuery可以帮你达到目的！本文主要讲述jquery的基本介绍和一些基本的核心部分中的基本函数的运用，如果你还没有jquery就去下载个吧下载完成后先加... 阅读全文

posted @ 2009-02-04 15:41 lzhdim 阅读(547) 评论(0) 推荐(0)

ComponentArt Web.UI 2008.1 源码+完美无限制DLL+官方实例+注册码

摘要：ComponentArt Web.UI 2008.1 源码+完美无限制DLL+官方实例+注册码 ComponentArt Web.UI 2008.1 源码+完美无限制DLL+官方实例详细介绍及源码下载地址：http://www.51aspx.com/CV/ComponentArtWebUI 顺便提供一个安装序列号：3JKX6-YJW6X-GJJDP 当前：Asp.net源码《漂亮的C... 阅读全文

posted @ 2009-02-04 11:16 lzhdim 阅读(869) 评论(1) 推荐(0)

Lzhdim's Fashion

公告

随笔分类 - 【10】JavaScript相关