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) 可以定义多次的

image-20200711154223325

样式控制

使用css方法

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

感谢

菜鸟教程

万能的网络

以及勤劳的自己

关注公众号： 归子莫，获取更多的资料，还有更长的学习计划

版权声明：本文为guizimo原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/guizimo/p/13283931.html