jQuery基础语法笔记

1. 声明<script type="text/javascript" src="script.js"></script>   
2. $(document).ready();   文档就绪时触发的事件
3. $(document).ready(function() {
       $("div").slideDown('slow');
   });   
4. $(document).on();  常规事件

5. $(document).on('event', 'selector', function() { 
Do something!

   });

6. $()  实质是函数，将括号内容转变为Javascript对象

7. $(document).ready(function() {   

        var $item = $('div ul li ol li');   

        $item.fadeOut('fast');});通过定义变量，简化选择器

8. 选择器 定位到第几子项 p:first-child  p：nth-child(2)
9. 通过class定位 class=“red”  $('.red')
10. 通过id定位    id=“blue”    $('#blue')
11. .append(‘<p>hello</p>’)  将括号内元素作为最后一个子项插入    .prepend()   作为第一个子项插入
12. $('#one').after('<p>haha</p>');  在选择项后插入元素  .before()   在选择项前插入元素
13. ('定位器').remove()  移除元素本身  .empty() 移除元素内容及子项
14. 给HTML元素添加或删除类  $('selector').addClass('className');        删除类.removeClass()
15. .toggleClass() 自动检测是否还有该类，有则删除，无则添加
16. 修改样式：高和宽      $('div').height('200px');         $('div').width('200px');                                                                     修改CSS属性    $('div').css('border-radius','10px');
17. .hover()
18. .dblclick()双击事件  .mouseenter()鼠标指向后   .mouseleave()鼠标离开 
19. .focuse()  焦点事件 鼠标点击或者光标到达时发生  .keydown() 键盘输入
20. .animate() 效果 移动对象在屏幕上的位置 参数2表示移动速度 $('div').animate({left:'+=10px'},500);
21. jQuery UI是以jQuery为基础的网页用户界面代码库， 包含底层用户交互、动画、特效和可更换主题的可视控件。http://jqueryui.net/  http://jqueryui.com/   .effect('explode')爆炸效果   .effect('bounce',{times:2},200)上下晃动     slide 滑入
22. $('#menu').accordion();  可折叠列表 jQuery UI