侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

JQuery学习(一)

2024-05-09 星期四 / 0 评论 / 0 点赞 / 96 阅读 / 3618 字

1.JQuery是什么东西? jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML/CSSDOM、 事件、实现动画效果,并且方便地为网站提供AJAX交互。 2.如何使用

1.  JQuery 是什么东西?

jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML/CSS DOM、 事件、实现动画效果,并且方便地为网站提供AJAX交互。

2.  如何使用JQuery?

⑴. 引用第三方js库文件,<script type="text/javascript" src="js/jquery-1.8.2.js"></script>

⑵.查阅并使用api手册

 

3.  JQuery对象和javascript对象的区别

    ⑴.js对象的三种基本定位方式

       (A)通过ID属性:document.getElementById()

       (B)通过NAME属性:document.getElementsByName()

       (C)通过标签名:document.getElementsByTagName()

    .  jQuery对象的三种基本定位方式

       (A)通过ID属性:$("#id属性值")

       (B)通过标签名:$("标签名")

       (C)通过CLASS属性:$(".样式名")

 

因为使用JQuery库函数取得元素的方法返回的是JQuery对象(例如var $div = $(#divID);

使用javascript取得元素的方法返回的是javascript对象

(例如var div1 = document.getElementById(divID);

但是JQuery对象不能调用javascript对象的方法,相同的javascript对象也不能调用JQuery对象的方法。所以就需要将JQuery对象和javascript对象互相转换

 

⑴.Javascript对象----->>>JQuery对象

JQuery对象 = $(javascript对象)  比如:

var divElement = document.getElementById("divID");//js对象

var $div = $(divElement);//JQuery对象

⑵.JQuery对象----->>>Javascript对象

每一个JQuery对象其实是一个数组,比如调用 $(#ID) 方法 将返回一个存放javascript对象的数组,下标从 0 开始。比如:

var $div = $("#divID");//jquery对象

var divElement = $div[0];//js对象 或  var divElement = $div.get(0);

 

广告 广告

评论区