您的位置：首页 > Web前端 > JQuery

jQuery基础理论学习（一）

2017-09-20 05:13 453 查看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="scripts/jquery-3.2.1.js"/>
</head>
<body>
<script type="text/javascript">
//方式1
$(function () {
alert("你好");
});
//方式2
$(document).ready(function () {
alert("世界");
});
//其中方式1和方式2是同一种效果。
</script>
</body>
</html>
<!--
JQuery的优势
(1)轻量级
(2)强大的选择器
(3)出色的DOM操作的封装
(4)可靠的事件处理机制
(5)完善的ajax
(6)不污染顶级变量
(7)出色的浏览器兼容性
(8)链式操作方式
(9)隐式的迭代
(10)行为层与结构层分离
(11)丰富的插件
(12)完善的文档
(13)开源
-->
<!--
DOM对象（Document Object Model 文档对象模型），每一份DOM都可以表示成一棵树。其中DOM元素就是DOM对象，DOM对象是可以使用JavaScript
中的方法。
JQuery对象，就是通过JQuery对于DOM对象进行包装后产生的对象。JQuery对象是JQuery独有的，如果一个对象是属于JQuery对象，那么就可以
使用JQuery里的方法。
JQuery对象转DOM对象两种方法：
（1）var $jq = $('#id'); var do = $jq[index];
（2)var $jq = $('#id'); var do = $jq.get(index);
DOM对象转为JQuery对象
var d = documnet.getElementById('d');
var $jq = $(d);
注意：DOM对象才能使用DOM中的方法；JQuery对象不能使用DOM中的方法。
-->

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jquery

相关文章推荐

新的分享

章节导航