html添加jquery
时间: 2023-11-01 16:00:01 浏览: 51
要将 jQuery 添加到 HTML 页面中,可以按照以下步骤操作:
1. 在 head 标签内添加以下代码来引入 jQuery 库:
```
<head>
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
</head>
```
2. 在 body 标签内添加自己的 jQuery 代码,例如:
```
<body>
<h1>Hello World!</h1>
<script>
$(document).ready(function(){
$("h1").click(function(){
$(this).hide();
});
});
</script>
</body>
```
这段代码将隐藏页面上的 h1 元素。注意,我们使用了 `$(document).ready()` 函数,这是为了确保页面完全加载后再执行 jQuery 代码。
另外,如果不想使用 CDN 引入 jQuery,也可以下载 jQuery 库文件,然后将其放置在项目目录中,再使用以下代码引入:
```
<script src="path/to/jquery.min.js"></script>
```
相关问题
html 添加attr jquery读取
好的,你想要了解如何在 HTML 中添加属性,并使用 jQuery 来读取它吗?
我们可以使用 `data-` 前缀来添加自定义属性,例如:
```html
<button id="my-button" data-my-custom-attribute="my-custom-value">Click Me</button>
```
这里,我们在 `button` 标签上添加了自定义属性 `data-my-custom-attribute` 并给它赋值为 `my-custom-value`。需要注意的是,我们使用了 `data-` 前缀来标识这是一个自定义属性。
然后,在 jQuery 中,我们可以使用 `data()` 方法来获取该属性的值,例如:
```javascript
var myButton = $('#my-button');
var myCustomValue = myButton.data('my-custom-attribute');
```
这里,我们使用 `$()` 函数来获取 `button` 元素的 jQuery 对象,并使用 `data()` 方法来获取自定义属性 `data-my-custom-attribute` 的值,并将其存储在变量 `myCustomValue` 中。
需要注意的是,我们在使用 `data()` 方法时,只需要传入属性名,不需要包含 `data-` 前缀。
希望这可以帮助到你,如果还有其他问题,请随时提出。
hbuilder如何添加jquery
在HBuilder中添加jQuery的方法如下:
1. 首先,从jQuery官网下载最新版的jQuery库文件(通常是jquery-x.x.x.min.js)。
2. 将下载的jQuery库文件复制到你的HBuilder项目的js目录下。
3. 在需要使用jQuery的HTML文件中,通过script标签引入jQuery库文件,例如:
```html
<script src="js/jquery-x.x.x.min.js"></script>
```
4. 在引入jQuery库文件之后,你就可以使用jQuery的各种功能了,例如:
```javascript
$(document).ready(function() {
// 在文档加载完成后执行的代码
$("p").click(function() {
// 点击p标签后执行的代码
$(this).hide();
});
});
```
以上就是在HBuilder中添加jQuery的方法,希望能对你有所帮助!