我的jQuery笔记

Catnip001

已于 2022-03-16 13:45:40 修改

阅读量864

点赞数

文章标签： jquery javascript 前端

于 2022-03-16 13:29:17 首次发布

本文链接：https://blog.csdn.net/weixin_42873590/article/details/123524202

版权

jQuery

jQuery 是一个 JavaScript 库，极大地简化了 JavaScript 编程。

jQuery 库包含以下特性：

使用jQuery必须引入jQuery库。

jQuery 库位于一个 JavaScript 文件中，其中包含了所有的 jQuery 函数。

可以通过下面的标记把 jQuery 添加到网页中：

<head>
<script type="text/javascript" src="jquery.js"></script>
</head>

请注意，

基础语法是：$(selector).action()

$(document).ready(function(){

--- jQuery functions go here ----

});

<!--可以简写为-->
$(function(){

--- jQuery functions go here ----

});

目的：防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。

相当于window.onload = function(){}

语法	描述
`$("*")`	选取所有元素
`$(this)`	当前正在响应事件的dom对象
`$("p")`	所有 `<p>` 元素
`$("p.intro")`	所有 class=“intro” 的 `<p>`元素
`$(".intro")`	所有 class=“intro” 的元素
`$("#intro")`	id=“intro” 的元素
`$("ul li:first")`	每个 `<ul>`的第一个`<li>`元素
`$("[href$='.jpg']")`	所有带有以 “.jpg” 结尾的属性值的 href 属性
`$("div#intro .head")`	id=“intro” 的 `<div>`元素中的所有 class=“head” 的元素

关注