jQuery的引入

1.什么是jQuery?
jquery , 是一个轻量级的js库。
2.jQuery的优点有哪些?:
1)写的少做的多
2) 强大的元素选择器 使用的是css1-css3所有选择器
3)简化了dom操作
4)优化了事件机制
3.jQuery的引入方式
1)外部引用

 <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>

2)内部引用

<script src="./js/jquery-1.9.1.js"></script>

4…jQuery的源码

 window.jQuery==window.$=jQuery
* jQuery在源码是一个函数
* 该函数内部返回  jQuery.fn.init 对象
* jQuery.fn=jQuery.prototype
* 使用jquery  标识符  $   jQuery   ()  执行
* 要使用jquery  先引入jquery 的库
* 如果元素初始化了   直接写jquery代码
* 如果元素未初始化    写dom加载完成事件
在网页开发中,引入jQuery的Dialog组件可以通过CDN(内容分发网络)来简化过程。以下是具体的步骤和代码示例: 1. **引入jQuery库**:首先,需要通过CDN引入jQuery库。 2. **引入jQuery UI库**:接着,通过CDN引入jQuery UI库,因为Dialog组件是jQuery UI的一部分。 3. **编写HTML结构**:创建一个对话框的HTML结构。 4. **初始化Dialog**:在JavaScript中初始化Dialog组件。 ### 示例代码 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>jQuery Dialog Example</title> <!-- 引入jQuery库 --> <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <!-- 引入jQuery UI库 --> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> <style> #dialog { display: none; } </style> </head> <body> <button id="openDialog">打开对话框</button> <div id="dialog" title="示例对话框"> <p>这是一个通过CDN引入jQuery Dialog示例。</p> </div> <script> $(document).ready(function() { $("#openDialog").click(function() { $("#dialog").dialog({ modal: true, buttons: { "确定": function() { $(this).dialog("close"); }, "取消": function() { $(this).dialog("close"); } } }); }); }); </script> </body> </html> ``` ### 代码说明 1. **引入jQueryjQuery UI库**:通过CDN链接引入jQueryjQuery UI库。 2. **HTML结构**:创建一个按钮和一个对话框的HTML结构。 3. **初始化Dialog**:在JavaScript中,使用`$(document).ready()`确保文档加载完毕后,绑定按钮的点击事件,初始化对话框。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值