博文

体验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");   ......

阅读全文(1865) | 评论:0

体验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......

阅读全文(1761) | 评论:0