1. 使用 jQuery,首先要将 jQuery 库引入。使用如下语句:<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
2. $(document),将 DOM 对象 document 转换为 jQuery 对象。$(document).ready()函数是当DOM 对象加载完毕后,马上执行的函数。 $(document).ready()$()jQuery()window.jQuery()是等价的,所以$(document).ready()可以 。写成 $(function() { alert(“Hello jQuery”) } );

 2.1.6 DOM 对象和 jQuery 对象

DOM 对象是用 JavaScript 语法创建的对象,也看做是 js 对象。
1. DOM 对象转换 jQuery 对象:
        使用$(DOM 对象) 方式,可以 DOM 对象转换为 jQuery 对象, 转换为 jQuery 对象才可以使用 jQuery 中的提供的方法,操作 DOM 对象。一般情况下,在命名 jQuery 对象时,为了DOM 对象进行区分,习惯性的以$ 开头,这不是必须的。
例:
新建 html 页面文件 domTojQuery.html
1.页面加入按钮 button

2.转换 DOM 对象

2. jQuery 对象转为 DOM 对象

         jQuery 对象本身为数组对象,该数组中的第 0 个元素即为该 jQuery 对象对应的 DOM对象。所以有两种方式可以获取到 DOM 对象:get(0) 方式与下标[0]
例:新建 html 文件 jQueryToDom.html
1.页面添加 text button

2. jQuery 对象.get(0) jQuery 对象[0] 均可完成 jQuery 对象转 DOM 对象

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐