前端基础(4):jQuery

  • (一)jQuery
    • (1)基础用法
      • (1)定义
      • (2)jQuery和DOM对象转换
      • (3)页面加载
      • (4)派发事件
      • (5)图片隐藏和展示
    • (2)Demo练习
      • (1)弹出广告
      • (2)jQuery下的id选择器
      • (3)jQuery下的层次选择器
      • (4)jQuery下的过滤选择器
      • (5)jQuery下的属性选择器
      • (6)jQuery实现表单隔行换色
      • (7)复选框全选
      • (8)省市联动
    • (3)jQuery下的属性和CSS
      • (1)属性
      • (2)CSS
    • (4)jQuery事件

(一)jQuery

需要掌握:1. 查询jQuery API 2. 使用Chrome自带的报错以及JS断点调试功能

(1)基础用法

(1)定义

  • 在已经掌握了Javascript动态网页技术之后为什么要使用jQuery?
    • 因为在jQuery中封装了很多预定义的对象和实用函数,使用起来很方便,并且jQuery兼容各大浏览器
  • jQuery定义
    • jQuery是Javascript的一个轻量级类库,兼容CSS3
  • 版本
    • 开发版本和上线版本
  • 导入jQuery库
    • //使用单独的一行script标签
  • 获取一个jQuery对象
    • 使用$(”选择器”),有两种方式:
    • var $user = $("#username");
    • var $user = jQuery("#username");
  • -

(2)jQuery和DOM对象转换

  • DOM对象转jQuery对象
        
                    
                    

你可能感兴趣的:(前端)