不得不爱开源 Wijmo jQuery 插件集(2)-【准备工作】(附30种Theme演示和源码)
由于我写这个系列文章的目的是让大家快速、简单的制作绚丽的 jQuery 站点。所以写本文分两部分:第一,ITEYE里有许许多多的大牛。但是也有一些刚刚入门的朋友。大牛们可以忽略掉前面的部分内容,直接查看 Theme 展示。刚刚入门的朋友可以细致的查看前面关于介绍一些 jQuery 的基础知识,还有如何引用 Wijmo 资源文件的内容。
第二,上篇文章中讲到 Wijmo 内置了多种 Theme,为了满足大牛们的胃口,所以给出了 Wijmo 的 30 种 Theme 演示,并且提供了源码下载:点我下载。
上一章《不得不爱开源 Wijmo jQuery 插件集【附演示和源码】【开篇】》,我向大家介绍了开源Wijmo jQuery 控件集的主要插件集的功能、主题样式。在这里感谢ITEYE里的朋友的支持。还有一些朋友给我提出了意见以及文章里的不足,在这里表示诚挚的感谢!
下面我们开始介绍 jQuery 的一些基础知识。
首先奉上 jQuery 学习宝典:http://www.w3school.com.cn/jquery/index.asp 。看到这个,你笑了。熟悉的不能再熟悉了。-_~
什么是 Wijmo?
Wijmo 是一个基于jQuery UI的UI部件的套件。Wijmo 部件对客户端Web开发进行了优化,并且充分利用了jQuery的强大能力以达到出色的性能和易用性。所有的Wijmo 部件都配备了超过二十个主题,并且支持了ThemeRoller。
本指南将介绍jQuery的概念,然后让你开始你的第一个Wijmo 项目。通过这种方式,你可以进一步的深入我们的演示库,更加强烈的体会到Wijmo能为你带来什么。
jQuery 语法
jQuery 语法的设计目的是让开发人员可以轻松的选择一个或者多个DOM元素,然后对选中的一个或者多个元素进行操作。基本的语法如下所示:
$(selector).action()
$ 表示使用了 jQuery; (selector) 查询一个或者多个DOM元素;同时 .action() 在元素上执行动作。
jQuery 语法示例:
$(this).hide() 隐藏当前元素。 $(“p”).hide() 隐藏所有段落。 $(“p.wow”).hide() 隐藏所有“wow”类型的段落。 $(“#wow”).hide() 隐藏一个ID为“wow”的元素。
jQuery 选择器
在开始使用jQuery之前,你需要理解jQuery 选择器的核心概念。 jQuery 选择器利用了CSS的语法,从而使得开发人员能够精确的选择一个元素并修改其显示效果。通过使用这些选择器,你可以通过属性名称,标签名称,ID标识符,甚至按照内容选择特定的DOM元素或者元素组。不同类型的选择器列举如下:
jQuery 元素选择器
在 jQuery 中,你可以使用CSS选择器来选择特定的DOM元素,例如:
$(this) 选择当前的DOM元素。$(“div”) 选择所有的<div> 元素。$(“.super”) 选择所有的“super”类型的元素。$(“div.super”) 选择所有“super”类型的<div>元素。$(“#wow”) 选择第一个具有“wow”标识符的元素。$(“div#wow”) 选择第一个具有“wow”标识符的 <div> 元素。
jQuery 属性选择器
如果你想通过属性选择元素,而不是通过DOM对象,你可以使用XPATH表达式来选择具有特定属性的元素。例如:
$(“”) 选择具有href属性的所有元素。$(“”) 选择具有href属性值等于“#”的所有元素。$(“”) 选择具有href属性不等于“#”的所有元素。
jQuery CSS 选择器
如果你想改变一个DOM元素的CSS属性,你可以使用CSS选择器。例如,下面的jQuery 脚本改变所有所有<div>元素的背景色为红色:
<div class="cnblogs_code"> $(“div”).css(“background-color”,”red”);
页:
[1]