看了点Jquery的视频,在此做个总结,也方便后续更改
- 前提
看过点Html. - 第一部分
俗话说 了解一个对象 就得知道三点 what why HOW
* what
1.Jquery 是一个函数库,里面封装了对于DOM的操作。而DOM 即 文档对象模型 通俗来讲 就是将html文档转换成我们能够操作对象模型。对比于 C#与.NETFrameWork。就是DOM与Jquery。Jquery 实现了函数化编程(链式风格)
* why
2.相较于自己编写的js Jquey提供了大量的函数。且可通过$(选择器) 进行操作。解决了不同浏览器的兼容问题。开发时间大大缩短。
* HOW<script scr=""> </script> <script> $(function(){ ...;}); </script>
其中 $ 可理解为“选取” function() 不带参数的匿名方法。 - 第二部分
Jquery 中的选择器有以下几个方面
* 基本选择器
ID选择器: #ID; 类选择器:.CLASS; 元素选择器 ;组合选择器(#ID,.CLASS)
* 层次选择器
(msg1 msg2) 即:msg1下的所有msg2 (msg1+msg2) msg1后同一级别的msg2; (msg1>msg2) msg1下一级中的msg2 ;(msg1~msg2) msg1后的所有msg2兄弟元素。
* 过滤选择器
(:text) 所有text (div:first) 第一个 (div:last);(div:eq(i)) (div:lt(i)) (div:gt(i)) 等
* 表单选择器
Jquery 中的事件
bind("行为", function(){});---绑定
unbind("方法名");---解绑
eg: $("").click(function(){});-
$("").hover(function(){},function(){});--合成事件
除此之外还有很多函数 方法:例如 增加样式 .addClass() 动画效果 animate show() hide()