jquery基础代码
时间: 2023-07-10 13:19:45 浏览: 112
以下是一个简单的jQuery代码示例,用于操作HTML DOM元素:
```javascript
// 选中元素并添加样式
$(document).ready(function(){
$("button").click(function(){
$("p").addClass("red");
});
});
// 更改元素内容
$(document).ready(function(){
$("button").click(function(){
$("p").text("Hello world!");
});
});
// 隐藏元素
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
// 显示元素
$(document).ready(function(){
$("button").click(function(){
$("p").show();
});
});
```
这个代码示例包含了一些常见的jQuery操作,如选中元素、添加样式、更改内容、隐藏和显示元素等。可以将这些代码嵌入到HTML文档中,然后通过调用jQuery库来实现相应的功能。需要注意的是,这些代码都是在文档加载完成后执行的,因此需要将它们放在$(document).ready()函数中。
阅读全文