初识jQuery

Posted 2022-12-28

什么是jQuery？

  jQuery是目前最流行的javascript程序库，它是对JavaScript对象和函数的封装；

jQuery能做什么？

  访问和操作DOM元素

  控制页面元素

  对页面事件进行处理

  扩展新的jQuery插件

  与Ajax技术完美结合

jQuery的优势：

  体积小，压缩后只有10kb左右

  强大的选择器

  出色的DOM封装

  出色的游览器兼容性

  使用隐式选带简化编程

  丰富的插件支持

引入jQuery：

  <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

jQuery的基本结构：

  $(选择器).jquery方法

  $(document).ready(function()

       //此处写代码

    )

  简化后：

  $(document()

    //此处写代码

    $(选择器).jquery方法

    )

  $：代表jQuery对象  document；代表当前文档  ready（）：文档加载时

给元素添加样式：

  $(选择器).addClass()  添加一整套样式

  $(选择器).css()    直接添加样式

  添加一个样式：  $(选择器).css("属性","属性值")

  添加多个样式：  $(选择器).css("属性1"："属性值1"，"属性2"："属性值2"....)

  $(选择器).show:    显示元素

  $(选择器).hide:    隐藏元素

DOM对象：

  相当于使用获取节点的方式得到的对象，称为原声js对象

  例:var idname=document.getElementById("#id");

jQuery对象：

  相当于使用工厂函数获取的对象，称为jQuery对象

  例：$("#id");

DOM对象转换为jQuery对象：

  前提是必须要获取DOM对象，才能进行转换

   var $jquery对象 = $(DOM对象)

jQuery对象转换为DOM对象：

  前提必须获取jQuery对象，才能进行转换

    var DOM对象=$jquery对象[下标];

    var DOM对象=$jquery对象.get[下标];