一文讲解关于jQuery语法

JQuery是一个优秀的轻量级Javascript库,兼容CSS3,还兼容各种浏览器,在Web前端开发中广泛使用。在现在就业的过程中,会运用 JQuery会成为你的加分项。

JQuery语法JQuery语法是为HTML元素的选取编制的,可以对元素执行某些操作。基础语法是:$(selector).action()1复制代码类型:[html]    美元符号\$定义 JQuery。选择符(selector)“查询”和“查找”HTML元素。JQuery的action()执行对元素的操作。另外需要注意的是:在 JQuery库中\$符号就是 JQuery的一个简写形式,例如$("#syl")和 JQuery("#syl")是等价的,$.ajax和 JQuery.ajax是等价的,如果没有特别说明,程序中的$符号都是 JQuery的一个简写形式。文档就绪函数所有 JQuery函数位于一个documentready函数中:$(document).ready(function(){});// 可以简写成$(funciton(){});12345复制代码类型:[html]    这是为了防止文档在完全加载(就绪)之前运行 JQuery代码。如果在文档没有完全加载之前就运行函数,操作可能失败。下面是两个具体的例子:试图隐藏一个不存在的元素。获得未完全加载的图像的大小。上面的这段代码其实有点类似于传统JavaScript中的window.onload方法,不过它们还是有一些区别的,简单对比如下所示:执行时机必须等待网页中所有的内容加载完毕后才能执行(包括图片)网页中所有 DOM 结构绘制完毕后就执行,可能 DOM 元素关联的东西并没有加载完编写个数不能同时编写多个。能同时编写多个。编写个数的意思就是:window.onload = function(){ alert("test1");};window.onload = function(){ alert("test2");};//结果只会输出 test2。1234567复制代码类型:[javascript]$(document).ready(function(){ alert("test1");})$(document).ready(function(){ alert("test2");})//结果两次都输出1234567复制代码类型:[html]    编写我们的第一个 JQuery程序例子:<!DOCTYPE html><html> <head>  <meta charset="utf-8">  <title></title> <!-- Google 的 CDN 的方式加载jQuery,请大家自行修改为本地 -->  <scripttype="text/javascript"src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script></head> <body>   <scripttype="text/javascript">   //等待dom元素加载完毕   $(document).ready(function(){  //弹出一个框:显示hello syl alert("hello syl"); });</script> </body></html>

(0)

相关推荐

  • 好好的中药为什么要炮制?净、切、蒸、煮,一文讲解基础炮制方法

    "炮制"是中药加工中非常重要的一环,用对的炮制方法,可以减少某些中药的毒性,也可以改变某些中药的性质,起到更好的治疗疾病的效果. 但是中药炮制技术的传承却不容乐观. 一.为什么中药 ...

  • 一文讲解RC电路耦合、相移、滤波、微分、积分...

    所谓RC电路,就是电阻R和电容C组成的一种分压电路.如下图1所示:输入电压加于RC串联电路两端,输出电压取自于电阻R或电容 C.由于电容的特殊性质,对下图 (a)和 (b)不同的输出电压取法,呈现出不 ...

  • 一文讲解关于CSS导航栏

    IT行业近十年来发展迅猛,衍生出许多新的职业,如UI设计师.开发工程师.软件测试工程师等,在众多新兴职业中,Web前端工程师就是其中之一.在IT行业,Web前端真正得到重视大概也要六七年.伴随着因特网 ...

  • 全英文讲解中学英语语法83个知识点:纽约大学William Jex博士Learning English Steps 1-2-3

    本站此类文章只保留最新一期.如此前一季度内发过的某一项资料错过,现急需,请加微信1825857217 致远,发不少于10元的红包获取.更早的资料不久会重发,请勿索取. 本站开设有新概念英语1.2.3册 ...

  • 一文讲解灰光模块和彩光模块

    内容导读:25G灰光和彩光模块在5G前传解决方案中大放异彩.在DRAN场景中,采用25G 300m灰光模块.在CRAN场景中,光纤资源不足的情况下,使用10km的双向灰光(BiDi)模块.如有必要,可 ...

  • 熟地黄如何大补肝肾?这篇文讲解的非常细致

    地黄入药极早,<本经>记载:"久服能轻身不老".其时尚无生熟之分. 地黄炮制之法,始于汉末,至唐宋已很完备,并且在补肾方中以熟地黄代替过去的干地黄. 金元时期方书则明确 ...

  • 一文讲解抗骨质疏松药物疗程

    小谢说:骨质疏松症(osteoporosis,OP)是最常见的骨骼疾病,是一种以骨量低,骨组织微结构损坏,导致骨脆性增加,易发生骨折为特征的全身性骨病.OP可发生于任何年龄,但多见于绝经后女性和老年男 ...

  • 解析Jquery语法是什么?

    Jquery是一种快速,小巧,功能丰富的JavaScript库,可以让html文档遍历和操作,事件处理,动画和ajax更加容易使用的一种api,可以在多种浏览器中工作. 封装了JavaScript常用 ...

  • 经常头晕,耳鸣!什么中成药更对症?一文讲解,收藏备用

    最近几天,很多患者咨询头晕,耳鸣如何用药,今天玥亮说药给大家分析,总结下.就前天有一个案例咨询相关用药问题,主要病情:患者45岁,男性,经常头晕,最近还有耳鸣的情况出现,既往无基础疾病,如高血压,糖尿 ...