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

你可能感兴趣的:(jquery,jquery,jquery,jquery,jquery)