jquery 几种写法

张千苒 3周前 10浏览 0评论

JQuery是一个常用的Javascript库,它提供了一系列简单易用的API用于操作HTML文档,处理事件和动画效果等。在使用JQuery时,我们可以采用几种写法,包括:

// 第一种写法,使用$缩写
$(document).ready(function(){
  // 在文档加载完成后执行的代码
});

// 第二种写法,使用JQuery全名
JQuery(document).ready(function(){
  // 在文档加载完成后执行的代码
});

// 第三种写法,使用立即执行函数缩写
$(function(){
  // 在文档加载完成后执行的代码
});

可以看到,这三种写法的函数作用是相同的,都会在文档加载完成后执行一段代码。其中,第一种写法是最常用的,使用$缩写可以简化代码,同时更符合JQuery的编程习惯。第二种写法则是使用全名,防止JQuery与其他库冲突时使用的一种方式。第三种写法则是立即执行函数缩写,也非常常用,简化了代码量。

除了加载完成后执行代码,JQuery还可以进行各种元素的操作。例如:

// 选取元素,改变属性值
$("p").css("color", "red");

// 点击按钮触发事件
$("button").click(function(){
  $("p").toggle();
});

// 进行动画效果
$("p").animate({left: '250px'}, "slow");

以上代码分别演示了选取元素,改变属性值,点击按钮触发事件,进行动画效果等功能。可以看到,通过JQuery提供的API,能够轻松实现各种效果,使得页面交互更加生动有趣。