小猿圈前端之jQuery语法

现在为什么越来越多的人使用jQuery框架?原因是JQuery很容易上手、可以利用很少的代码实现很强大的功能,代码精简而高效;可以解决浏览器的兼容问题,还有和ajax的完美结合,导致了更多人使用jQuery框架,下面小猿圈加加说一下JQuery语法。

jquery语法实例:

$(this).hide()

演示 jQuery hide() 函数,隐藏当前的 HTML 元素。

$("#test").hide()

演示 jQuery hide() 函数,隐藏 id="test" 的元素。

$("p").hide()

演示 jQuery hide() 函数,隐藏所有 <p> 元素。

$(".test").hide()

演示 jQuery hide() 函数,隐藏所有 class="test" 的元素。

jQuery 语法

jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。

基础语法是:$(selector).action()

美元符号定义 jQuery

选择符(selector)“查询”和“查找” HTML 元素

jQuery 的 action() 执行对元素的操作

示例

1 $(this).hide() - 隐藏当前元素
2 $("p").hide() - 隐藏所有段落
3
4 $(".test").hide() - 隐藏所有 class="test" 的所有元素
5
6 $("#test").hide() - 隐藏所有 id="test" 的元素
7
8 提示:jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。

文档就绪函数

在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中:

$(document).ready(function(){
--- jQuery functions go here ----

});

这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。

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

这就是小猿圈加加理解的jquery语法,jquery实现的功能好多,也是前端必备的知识,想要做前端的朋友们,一定要好好学习jquery,欢迎一起学习,共同进步~

原文地址:https://www.cnblogs.com/xiaoyuanquan/p/10917744.html

时间: 2024-09-30 10:29:00

小猿圈前端之jQuery语法的相关文章

小猿圈之2019年前端JavaScript面试题(二)

小猿圈前端讲师今天继续给你总结js面试题,前面一篇文章咱们已经有一片js基础部分面试题,今天小猿圈web讲师为你讲解js前端应用设计问题,一定要好好看哦,为了能赢在其他人前面. JavaScript前端应用设计问题 1.解释单向数据流和双向数据绑定. Angular1.x基于双向数据绑定,而React,Vue,Elm等基于单向数据流架构. 2.单向数据流架构在哪些方面适合MVC? MVC拥有大约50年的悠久历史,并已演变为MVP,MVVM和MV*.两者之间的相互关系是什么?如果MVC是架构模式,

小猿圈web前端开发讲师:零基础自学html5开发方法

web前端开发目前市场使用率随着需求逐年递增.越来越多的年轻人转行进入了web前端开发领取.html5强大的功能是有目共睹的,本属自身独特的优势让这一技术越来越受欢迎,相比于原生APP,html5已经逐渐在用户体验生无限接近,再加上低廉的开发成本和强大的适配功能,早已经可以俘获开发商和开发者的芳心,本文小猿圈web前端开发讲师介绍零基础如何自学html5开发? 小猿圈web前端开发讲师:零基础自学html5开发方法: 1.拒绝插件,遇到交互效果就选择扒插件,这是一种非常不可取的方法,在这种情况之

小猿圈web之前端的主流框架

社会在不断发展,互联网更新换代也是飞速,web框架也是经历一代又一代的革新,那么当今时代什么框架是前端的主流框架呢?小猿圈加加查了一些资料,整理出当今时代比较流行的三种框架,下面说一下这三种框架. 目前比较流行的前端三大框架是Angular.React.Vue,三者各有所长. 1.Angular Angular是一个JavaScript框架,最为核心的是:MVC(Model–view–controller).模块化.自动化双向数据绑定.语义化标签.依赖注入等等.Angular通过指令扩展了HTM

小猿圈之学习java web需要有什么基础?

有很多人想学java,因为java虽然已经火了多年,但是其发展前景还是很不错的,有很大一部分人选择走java web方向,那么java web应该提前掌握哪些知识呢?小猿圈加加下面说一下. 首先找准自己发展的方向.是pc还是移动应用.学基础的时候一定要认真,虽然看起来很简单但一定要动手去做.推荐你一本专业的java书<java核心技术>仔细看,里面都会讲到各种类,数组,链表,封装.重载等基础知识,然后再结合上面提到的东西进行简单程序的编写,主要还是多练,平时写程序多用java ,不要怕出错,e

小猿圈-IT自学人的小圈子

小猿圈是国内免费学习IT视频教程在线教育平台,站内包含Python视频教程,Linux视频教程,Java视频教程,web全栈视频教程.是目前唯一一家从零开始到项目实战完全免费的IT学习平台,下面给大家详细介绍一下小猿圈这个新兴在线学习平台的教程内容. 小猿圈-IT自学人的小圈子 一.python视频教程 python视频教程总计分为5大阶段,包含python开发入门.面向对象&网络编程.Mysql数据库.web开发方向.爬虫方向.主讲师是路飞学院创始人Alex大神,10年+IT行业技术经验, 8

小猿圈平台如何带小白学习python入门视频教程

Python开发技术近年来非常火热,尤其是在一线城市对于python开发人才需求一直扩大.很多企业对于python开发技术人才不惜重金招募.所以学习Python技术的人越来越多,初学Python开发技术的小伙伴对Python不是很了解,不知道Python技术好不好学,更不知道自己能否学好Python开发,本篇文章小编就和大家分享一下小猿圈平台如何带小白学习python入门视频教程? 小猿圈平台如何带小白学习python入门视频教程: 我们先来了解一下Python的学习路线,Python入门课程第

小猿圈python视频教程讲师:python开发语言的就业薪资有多高

2019年IT最受欢迎语言榜java第一次滑落了王座,python开发语言摘顶王冠.自从人工智能开始进入大众视野,python成为了高薪就业的标签.越来越多的年轻人通过python开发技术实现了自己的财务自由.那么掌握python开发语言的就业薪资有多高呢?本文小猿圈python视频教程讲师为同学们具体介绍一下? 小猿圈python视频教程讲师:python开发语言的就业薪资有多高? 我们来看看统计数据吧,有图有真相:[ 对于Python的受欢迎程度,国外知名IT技术媒体JAXenter发布了一

小猿圈python简介和发展前景?

只要朝着一个方向努力,一切都会变得得心应手.-----勃朗宁小猿圈python简介:Python是一个高层次的结合了解释性.编译性.互动性和面向对象的脚本语言.Python 的设计具有很强的可读性,相比其他语言经常使用英文关键字,其他语言的一些标点符号,它具有比其他语言更有特色语法结构.Python是一种解释型语言:这意味着开发过程中没有了编译这个环节.类似于PHP和Perl语言.Python是交互式语言:这意味着,您可以在一个 Python 提示符 >>> 后直接执行代码.Python

小猿圈python入门之文件操作

学习知识要善于思考,思考,再思(考).我就是靠这个方法成为科学家的.——爱因斯坦 open() 方法 Python open() 方法用于打开一个文件,并返回文件对象,在对文件进行处理过程都需要使用到这个函数,如果该文件无法被打开,会抛出 OSError. 注意:使用 open() 方法一定要保证关闭文件对象,即调用 close() 方法. open() 函数常用形式是接收两个参数:文件名(file)和模式(mode). 一般用法:open(file,mode="r") 完整的语法格式