jQuery--基本语法

程序员文章站 2022-03-13 07:59:06

jQuery--基本语法博客说明文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！语法jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。基础语法： $(selector).action()$ 美元符号定义 jQuery选择符（selector）"查询"和"查找" HTML 元素jQuery 的 action() 执行对元素的操作例如//隐藏当前元素$(thi...

jQuery--基本语法

博客说明

文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！

语法

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。

基础语法：

 $(selector).action()

$ 美元符号定义 jQuery
选择符（selector）"查询"和"查找" HTML 元素
jQuery 的 action() 执行对元素的操作

例如

//隐藏当前元素
$(this).hide()

//隐藏所有 <p> 元素
$("p").hide()

//隐藏所有 class="test" 的 <p> 元素
$("p.test").hide(

//隐藏 id="test" 的元素
$("#test").hide()

入口函数

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

如果在文档没有完全加载之前就运行函数，操作可能失败。下面是两个具体的例子：

试图隐藏一个不存在的元素
获得未完全加载的图像的大小

$(document).ready(function(){

   // 开始写 jQuery 代码...

});

简洁写法

$(function(){

   // 开始写 jQuery 代码...

});

js的入口函数

window.onload = function () {
    // 执行代码
}

window.onload 和 $(function) 区别

window.onload 只能定义一次,如果定义多次，后边的会将前边的覆盖掉

$(function) 可以定义多次的

jQuery--基本语法

样式控制

使用css方法

//设置id为div1的背景颜色为粉红色
$("#div1").css("backgroundColor","pink");

感谢

菜鸟教程

万能的网络

以及勤劳的自己

本文地址：https://blog.csdn.net/qq_45163122/article/details/107285946

上一篇：荐 HTML+CSS案例——几行代码解决京东购物界面

下一篇：海创软件组--20200712-HTML+CSS3雪碧图

jQuery--基本语法