博文
体验JQuery的Selectors(Part I)(2008-06-19 00:47:00)
摘要: 接着上一篇文章,从这篇文章起,开始敲开了学习JQuery的大门了。最后我会分享下JQuery的Cheat Sheet。这里只会介绍些基础的JQuery以及Cure javascript的资料。在以后的学习日子里,我会介绍些面向对象编程知识和C#泛型、算法等基础知识。
首先来看看$()的特性,这里的作用只不过是用来简便获取标签名的手法,其实可以在javascript的dom方法中可以用document.getElementsByTagName()来获取元素的Tag Name。好了阐述一下$()的使用方法:
ID:#myid用来获取元素的ID属性。$('#myid'),不管它的Tag Name是什么,匹配唯一元素的ID为myid属性。这里的唯一,依我的理解是相对于ID而言的。例如(省略了相关标签):
$('#myid').css("border","3px solid #FF0000");
$("p#myid").css("border","3px solid #000000");
<p id="myid">Hello World!</p>
<div id="myid">Hello JQuery!</div>
它执行的结果是作用于显示段落元素p的样式。这个因为在document中,每一个ID仅可以使用一次,并且是唯一的。所以它会首先匹配第一个元素p。
Class:.myclass用来获取元素的css类名。$('.myid')用来匹配元素中含有myid的css类名。例如:
$('p.myid').css("border","3px solid #FF0000");
$('div.myid1').css("border","3px solid #000000");
......
体验JQuery的万能selectors(2008-06-15 18:26:00)
摘要: 用JQuery这个强大而优秀的javascript库做了一个简单的反馈表单,因为这几天都在看JQuery的有关资料,所以接下来的几日,我为陆续介绍下JQuery的有关特性。我都是刚刚开始学的,开始看<<JQuery Reference Guide>>和JQuery官方上的有关文档资料,都是配合起来看效果好很多。看了一下,体验一下JQuery的Selectors特性。
Cure Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
<title>Simple form</title>
<script language="JavaScript" src="lib/jquery/jquery.js"></script>
<script language="JavaScript">
$(document).ready(function(){
$('span#title').css("border","3px solid #FF0000");
$('p>span').css("border-bottom","1px dotted #000000");
$('dt>lab......