jQuery--基本语法

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

样式控制

使用css方法

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

感谢

菜鸟教程

万能的网络

以及勤劳的自己

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