初识jQuery

79 阅读1分钟

开启掘金成长之旅!这是我参与「掘金日新计划 · 2 月更文挑战」的第 3 天,点击查看活动详情

什么是jQuery?

  jQuery是目前最流行的JavaScript程序库,它是对JavaScript对象和函数的封装;jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery能做什么?

  访问和操作DOM元素

  控制页面元素

  对页面事件进行处理

  扩展新的jQuery插件

  与Ajax技术完美结合

jQuery的优势:

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

  强大的选择器

  出色的DOM封装

  出色的游览器兼容性

  使用隐式选带简化编程

  丰富的插件支持

引入jQuery:

  

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对象=jquery对象 = (DOM对象)

jQuery对象转换为DOM对象:

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

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

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