jQuery基础理论学习（一）

来源：互联网发布：淘宝网安徽食品药品编辑：程序博客网时间：2024/06/09 20:44
<!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中的方法。-->
阅读全文
0 0