Rumah > Artikel > hujung hadapan web > jquery的基本语法

jquery的基本语法

无忌哥哥asal: 2018-06-29 10:51:371858semak imbas

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

基本流程:

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>标签中的文本,将它的前景色设置为红色
$(&#39;h2 span&#39;).css(&#39;color&#39;,&#39;red&#39;)
//我们还可以修改一个元素的内容
$(&#39;p+p&#39;).html(&#39;终于找到你了,开工吧&#39;)
//补充知识: $()还可以创建一个新元素
$(&#39;<img src="../images/zly.jpg" width="150">&#39;)
//为什么看不到呢?因为你还没有把这个元素添加到当前页面中
//insertAfter(元素):插入到指定元素的后面
// $(&#39;<img src="../images/zly.jpg" width="150">&#39;).insertAfter(&#39;h2&#39;)
//我们还可以对新插入的元素进一步的处理:例如修剪成圆形
$(&#39;<img src="../images/zly.jpg" width="150">&#39;).insertAfter(&#39;h2&#39;).css(&#39;border-radius&#39;,&#39;50%&#39;)
</script>
</body>
</html>

Atas ialah kandungan terperinci jquery的基本语法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

jquery 对象 dom 选择器

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：jQuery的工厂函数$()的妙用Artikel seterusnya：Vue webapp项目通过HBulider打包原生APP的介绍

Artikel berkaitan

Lihat lagi