jQuery 语法

主要记录在菜鸟上学习的内容:平时可能会用到但是不太熟悉的内容——做记录之用。
基础语法: $(selector).action() 用$符号定义 jQuery

  • class类相关
    $("p.test").hide()隐藏所有 class="test" 的p标签元素,不用为每个标签设置id;
  • 文档完成后加载(防止文档还没加载完就调用方法)
$(document).ready(function(){
   // 开始写 jQuery 代码...
}); 

简写方法:

$(function(){
   // 开始写 jQuery 代码...
});
  • 用时调用
    比如触发某个事件(点击按钮调用方法)调用:
function 方法名称(){
 // 开始写 jQuery 代码...
}

当然也可以直接写,例如(当点击按钮后,所有 p 元素都隐藏):

$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • jQuery语法 jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。 基础语法:$(se...
    小二郎_Ejun阅读 293评论 0 1
  • Query 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。 基础语法:$(selector).act...
    E小姐_8cc3阅读 175评论 0 0
  • jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。 基础语法: $(selector).a...
    明明德撩码阅读 246评论 0 0
  • 2017-09-16摘抄自W3school-jQuery 语法希望帮助自己系统地打好基础,也能在做笔记的同时添加一...
    moralok阅读 241评论 0 0
  • $(this).hide() - 隐藏当前元素$("p").hide() - 隐藏所有段落$(".test").h...
    陈鸿禧阅读 246评论 0 0