jquery的基本语法

来源：动视网责编：小采时间：2020-11-27 19:34:53

jquery的基本语法

jquery的基本语法:基本语法: $(选择器).方法()基本流程:1-使用选择器找到DOM元素并打包生成jQuery对象2-调用jQuery方法对找到的元素进行操作总结: 找到元素,然后操作<!DOCTYPE html> <html> <head> <meta charset=&quo

推荐度：

点击下载本文 文档为doc格式

导读jquery的基本语法:基本语法: $(选择器).方法()基本流程:1-使用选择器找到DOM元素并打包生成jQuery对象2-调用jQuery方法对找到的元素进行操作总结: 找到元素,然后操作<!DOCTYPE html> <html> <head> <meta charset=&quo

基本语法: $(选择器).方法()

基本流程:

1-使用选择器找到DOM元素并打包生成jQuery对象

2-调用jQuery方法对找到的元素进行操作

总结: 找到元素,然后操作

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>4.jquery的基本语法</title>
</head>
<body>
<script type="text/javascript" src="../js/jquery-3.3.1.js"></script>
<script type="text/javascript">
// 选择到<span>标签中的文本,将它的前景色设置为红色
$('h2 span').css('color','red')
//我们还可以修改一个元素的内容
$('p+p').html('终于找到你了,开工吧')
//补充知识: $()还可以创建一个新元素
$('<img src="../images/zly.jpg" width="150">')
//为什么看不到呢?因为你还没有把这个元素添加到当前页面中
//insertAfter(元素):插入到指定元素的后面
// $('<img src="../images/zly.jpg" width="150">').insertAfter('h2')
//我们还可以对新插入的元素进一步的处理:例如修剪成圆形
$('<img src="../images/zly.jpg" width="150">').insertAfter('h2').css('border-radius','50%')
</script>
</body>
</html>

jquery的基本语法

推荐度：

点击下载本文 文档为doc格式

标签：基础语法 jQuery

热门焦点

jquery的基本语法

jquery的基本语法

jquery的基本语法

最新推荐

猜你喜欢

热门推荐