zoukankan      html  css  js  c++  java
  • jQuery初步

      初识jQuery

      jQuery是JavaScript的程序库之一,它是JavaScript对象和实用函数的封装

      JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。

      导入jQuery库(这里使用jQuery1.11.1版本)

        首先在项目下创建文件夹,然后把要导入的jQuery库复制进去就OK,如下图,

      

      在页面中引入jQuery库

    1 <!DOCTYPE html>
    2 <html xmlns="http://www.w3.org/1999/xhtml">
    3 <head>
    4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    5     <title>引入jQuery库</title>
    6     <script src="../js/jQuery1.11.1.js" type="text/javascript"></script>
    7     
    8 </head>

    jQuery语法

      $(selector).action();

      或:

      $(function(){})

      个人喜欢使用方法二,语法简单,便于记忆。

    工厂函数:$()

      $(function(){})

      其中,"$"符号等价jQuery,也可以说是"$"就是jQuery。

    工厂函数的作用:

      $()的作用是将DOM(浏览器对象模型)对象转化为jQuery对象,只有将DOM对象转化为jQuery对象后,才能使用jQuery方法。

    DOM对象和jQuery对象

      只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象。

    DOM对象和jQuery对象相互转换

      DOM转换为jQuery对象

      var v=document.getElementById("v"); //DOM对象

      var $v=$(v); //jQuery对象

      转换后,就可以任意使用jQuery的方法了。

      jQuery对象转换为DOM对象

      var $v =$("#v") ; //jQuery对象

      var v=$v[0]; //DOM对象

      alert(v.checked) //检测这个checkbox是否被选中

  • 相关阅读:
    leetcode -- Word Break
    [笔试题]MS 2014
    网络编程之TCP/IP各层详解
    深浅copy
    字符编码的转换
    Bytes类型
    Django之模型层(1)
    Django之模板层
    用Python操作文件
    hash(哈希)是什么
  • 原文地址:https://www.cnblogs.com/Tony-cheen/p/5513211.html
Copyright © 2011-2022 走看看