JQuery小结

最新推荐文章于 2022-08-06 16:22:55 发布

ABCJIECBA

最新推荐文章于 2022-08-06 16:22:55 发布

阅读量119

点赞数

分类专栏： JQuery 文章标签： jquery ViewUI

本文链接：https://blog.csdn.net/ABCJIECBA/article/details/83977694

版权

JQuery 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

[b]一. JQuery概述[/b]
Jquery是一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。jQuery使用户能更方便地处理HTML，documents、events、实现动画效果，并且方便地为网站提供AJAX交互，jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。

[b]二. JQuery初步[/b]
1.如果在<body οnlοad=””>中有onload事件那么不在自动执行ready事件
2.Dom对象不能使用jquery的方法，JQuery对象不能使用DOM中的方法，但他们之间可以相互转化
3.DOM对象和JQuery对象的转化
(1).DOM对象转化成JQuery对象的方式：
$(DOM对象)--------->JQuery对象
var dom=window.document;//DOM对象
var $dom=$(dom);//JQuery对象
(2).JQuery对象转化成DOM对象
JQuery对象返回的是一个数组对象：JQuery对象[index] 或 JQuery对象.get(index)
示例：
alert($("#thead")[0].innerHTML);//获取标签和文本内容先转化成DOM对象
或 Var dom=$("tr")[$(tr).size()-1] (最后一个值) 或
Var dom=$(".rdc").get(0)

[b]三. JQuery案例+讲解：[/b]
[color=green]1.页面载入事件：[/color]
/** JQuery对象处理匿名函数 */
$(document).ready(function(){
alert("JQuery的第一个入门案例");//加载HTML，不需等待，立即加载
});
[color=green]2.选择器：[/color]
<script type="text/javascript">
$(document).ready(function(){
alert($("#thead"));//ID选择器JQuery对象
alert($(".rdc"));//Class选择器JQuery对象
alert($("*"));//匹配所有元素选择器的JQuery对象
alert($(".rdc").get(0).innerHTML);
alert($("tr"));//根据给定的元素名称获取所有的jquery对象匹配所有的tr标签
alert($("tr,tr.rdc"))//匹配所有选择器的JQuery组合对象匹配所有的tr及tr下的rdc
});
</script>

[color=green]页面源码：[/color]
<table border="1px">
<thead>
<tr id="thead">
<th>姓名</th>
<th>密码</th>
<th>邮箱</th>
</tr>
</thead>
<tbody>
<tr class="rdc">
<td>zhang sansan1</td>
<td>zhang sansan1</td>
<td>zhang sansan1@163.com</td>
</tr>
<tr
<td>zhang sansan2</td>
<td>zhang sansan2</td>
<td>zhang sansan2@163.com</td>
</tr>
</tbody>
</table>

ABCJIECBA

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery小结

[b]一. JQuery概述[/b]Jquery是一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。jQuery使用户能更方便地处理HTML，documents、events、实现动画效果，并且方便地为网站提供AJAX交互，jQuery能够使用户...
复制链接

扫一扫