Jquery 初学积累

对于一个jquery初学者的我来说  对jquery的印象还是比较深刻的  时常都会在一些网站浏览的时候看到几个特别实用的效果 然后想用在自己的开发中 但是对jquery的知识了解特别匮乏  所以特别想学学这门技术  今天是我第一次正式发表自己的博客   废话不多说了  正式开始我的学习之旅吧！

首先我们要做的是配置jquery的环境  需要下载jquery的类库

jquery-1.3.1.js 用于测试，学习，开发

jquery-1.3.1.min.js  主要用于产品和项目

引用类库之后就可以我们的jquery之旅了

  $就是jquery的简写  

例子

$(document).ready(fountion(){

alert("格式！");

});

$(fountion(){

alert("简写！");

});

必须要说的就是代码风格  我认为代码习惯很重要 一团糟的话 连自己都会觉得乱的

举个例子

导航栏的例子

jquery 部分

引入下载的类库

<script src="JS/jquery-1.1.3.1.js" type="text/javascript"></script>

<script type="text/javascript">
$(function() {
$(".ww").click(function() {
$(this).find("div a").toggle();
$(this).children("div a").addClass("heighlight");

});

});
</script>

这段代码是实现导航栏的例子  主要表示的是一级分类和二级分类的应用 

CSS选择器 例子

标签选择器 X{ 规则}  表示以文档元素作为选择符  例： div{ class:red; }

ID选择器  #ID{规则} 表示以元素唯一标识最为选择符   例： #div{ class:red; }

类选择器  .X{规则}   表示以类的Class作为选择符  例： .div{ class:red; }

群组选择器 X1，X2，X3{规则}   表示多个选择符应用相同的元素   例： div.a , p,tr{ class:red; }

后代选择器  DIV  A{规则}  表示文档元素下的任意元素 

统配选择器