jQuery学习(菜鸟教程)

1、jquery安装

2、jquery语法

基础语法： $(selector).action()

美元符号定义 jQuery
选择符（selector）"查询"和"查找" HTML 元素
jQuery 的 action() 执行对元素的操作

实例:

文档就绪：$(document).ready(function(){ //入口编辑代码

// 开始写 jQuery 代码...

});

$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有 <p> 元素
$("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素
$("#test").hide() - 隐藏所有 id="test" 的元素

这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。

如果在文档没有完全加载之前就运行函数，操作可能失败

简写：效果同上一样

$(function(){

// 开始写 jQuery 代码...

});

jQuery 入口函数:

$(document).ready(function(){// 执行代码
});
或者
$(function(){// 执行代码
});

JavaScript 入口函数:

window.onload = function () {// 执行代码
}

jQuery 入口函数与 JavaScript 入口函数的区别：

jQuery 的入口函数是在 html 所有标签(DOM)都加载之后，就会去执行。
JavaScript 的 window.onload 事件是等到所有内容，包括外部图片之类的文件加载完后，才会执行。

3、选择器

jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素

jQuery 中所有选择器都以美元符号开头：$()。

4、jQuery效果

通常都是选择器选中元素，然后函数名称(参数-速度，回调函数-效果完成后运行的自定义函数)

如：$(selector).animate({params},speed,callback);

必需的 params 参数定义形成动画的 CSS 属性。

可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是动画完成后所执行的函数名称。

$("button").click(function(){ $("div").animate({left:'250px'}); });

5、jQuery HTML

获得内容 - text()、html() 以及 val()

获取属性 - attr()

$("#runoob").attr("href")

jQuery学习(菜鸟教程)相关推荐

Jquery学习--菜鸟教程
jQuery 是为事件处理特别设计的,页面对不同访问者的响应叫做事件. 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法. 写法:$("p").click(functi ...
Jquery 学习-菜鸟教程
jquery效果和元素选择 //元素选择$(this).hide();$("p.test") //隐藏所有class="test"的<p>元素$(& ...
php validate,jQuery Validate | 菜鸟教程
jQuery Validate jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方 ...
python学习 -- 菜鸟教程＋B站视频
人生苦短,我学python.ei,我不学,我玩web,多活两年多活两年,哈哈哈谈一下专业课的学习,不是不支持看视频入门,但所有内容的学习必须回归到书和文档的阅读 ! 真心的,越早学习文档越好**& ...
Kotlin学习(菜鸟教程)
class FirstKotlin : AppCompatActivity() {//val从不修改的变量 var 可修改的变量val age = 18var num: Int = 18//变量默认不 ...
jQuery 选择器 _ 菜鸟教程
jQuery 选择器 | 菜鸟教程菜鸟教程 – 学的不仅是技术,更是梦想! jQuery 选择器请使用我们的 jQuery 选择器检测器来演示不同的选择器. 选择器实例选取 * $(&quo ...
Java菜鸟教程系列学习笔记总结基础篇(1)
基础语法本博客通过学习菜鸟教程Java专栏,并整理得出的Java基础知识. 命名规范 1.项目名全部小写 2.包名全部小写 3.类名首字母大写,如果类名由多个单词组成,每个单词的首字母都要大写.如: ...
JQuery学习（来自菜鸟教程）
jQuery jQuery 语法基础语法: $(*selector*).*action*() 美元符号定义 jQuery 选择符(selector)"查询"和"查找&q ...
jQuery概述（查阅菜鸟教程随笔）
jQuery 是一个 JavaScript 库. jQuery 实例在本教程中,您将通过教程以及许多在线实例,学到如何通过使用 jQuery 应用 JavaScript 效果. jQuery 在线实 ...

jQuery学习(菜鸟教程)

jQuery学习(菜鸟教程)相关推荐

最新文章

热门文章