jQuery--基本语法

jQuery--基本语法 博客说明 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢! 语法 jQuery 语法是通过选取 HTML 元素...

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");

感谢

菜鸟教程

万能的网络

以及勤劳的自己

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

  • 发表于 2020-07-11 17:00
  • 阅读 ( 151 )
  • 分类:网络文章

条评论

请先 登录 后评论
不写代码的码农
小编

篇文章

作家榜 »

  1. 小编 文章
返回顶部
部分文章转自于网络,若有侵权请联系我们删除