聊前端开发，肯定不能少了那个超牛逼的jQuery JavaScript库呀。而说起”var”，大家也都能秒懂，正是那个咱们用jQuery声明变量时常用的工具~
javascript var num = 10;// 定义一个变量 var num = 1;此外，jQuery也支持一次定义多个变量，用逗号隔开即可：
var name =”Alice”, age = 25;
哈喽小伙伴们，记住！用jQuery写代码时，别急着立刻给变量赋值。等真正动手敲起来再说。就像这样：
// 定义多个变量 var num = 1, str = "hello world", bool = true;var result;
result =”Hello, jQuery!”;
二、jQuery变量的作用域
咱来聊聊呗，平时咱们在jQuery里面的那些变量，这个我们能看见的地方，其实就是它的”领地”。简而言之，如果你在函数体内定下了哪个变量，那么这个唯一的小空间就能用到它；相反，如果是在外面弄的，那你就能在整份文件中使用了！比如这样：
// 定义一个变量，未初始化 var num; num = 1; // 给变量赋值function myFunction(){
var num1 =5;
var num2 = 10;
}
var num3 = 15;
看懂了？这个代码里，num1和num2藏在函数里面瞧不见！但是num3就直接摆外面，用着很爽对不对？
三、jQuery变量的使用
在 jQuery 里面，咱们也能用名字像平常跟人说话那样直接喊出变量！就像这样：
function myFunction(){ var num1 = 1; var num2 = 2; console.log(num1); // 1 console.log(num2); // 2 } var num3 = 3; console.log(num3); // 3 console.log(num1); // Uncaught ReferenceError: num1 is not defined console.log(num2); // Uncaught ReferenceError: num2 is not defined欢迎来到jQuery！
console.log(message);
除了这些之外，在jQuery里面还有几个特别的变量，比如$(this)，$(document)和$(window)啥的。
你戳啥东西，那这个$($this)$肯定就是说那个了呗！像办个活动这类事儿，用这儿就超级管用！
$(“button”).click(function(){
$(this).hide();
});
var num = 1; console.log(num); // 1哈喽，你知道$($document)$是什么吗？这可是我们整个网页等你的页面加载完后就能看到了~
$(document).ready(function(){
// execute code here
知道$(window)？其实就是咱们看网站时经常遇到的那个浏览器窗口啦～你好好看看，它在刷网页的时候不是老出现！
$(window).scroll(function(){
// scroll event handling here
$("button").click(function(){ $(this).hide(); });四、jQuery特殊变量应用举例
谈谈挖$(this)$这个宝贝如何在编程中派上用场。比如，某天想找个啥玩意儿，别客气，直接使它！比如说，你肯定遇到过这种场景：按完按钮之后，那个按钮想要藏起来！
告诉你$(document)这家伙真的很厉害！当你看到网页的所有东西都载入好了再做别的事，用这个就对了。
在文档加载好之后就可以在这儿愉快地执行代码！
要做网页滑动手势？告诉你，$（window）这个很有用。如果你想了解网页怎么动的话，快试试看！
$(document).ready(function(){ // 要执行的代码 });五、总结
别怕，jQuery里的变量其实挺简单理解的。来，让我手把手教教你，保准你一看就懂，开发起来更溜！首先咱来讲讲什么是变量，接着再聊聊「作用域」这个大家伙，最后咱们再来揭秘一下特殊的$()变量，像$(this)啊、$(document)和$(window)这些，用好它们，前端开发简直可以说是游刃有余！
你们知道不？jQuery的变量可不是闹着玩的事儿。它用起来方便极了，能让我们的代码干净利落，降低出现bug的风险。赶紧来学习这款神器，让你在前端开发中不再发愁！
哎呦来跟我聊聊jQuery里那个”创建变量”和怎么运用它们的事儿呗。你觉得这种技能对我们搞前端开发到底有多大帮助？
评论0