浅识JQuery基础(一)

简介: JQuery官方解释: jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“writeLess,DoMore”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

JQuery官方解释:


 jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“writeLess,DoMore”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

20161129141905729.png


一、属性

 属性部分都是通过各个方法设置或返回选中元素的属性值。最多使用atrr;

text设置某元素text属性,html设置某元素html部分的属性,val,设置某元素val部分的属性;


二、事件


1clickready方法()


ready() 函数规定当 ready 事件发生时执行的代码。

   ready() 函数仅能用于当前文档,因此无需选择器。

   事件可以卸载;


2遍历

可以遍历数组中的元素的内容,键值对;和层选择器的内容有相似的地方;


3、合成事件


Hover(fn1,fn2):  fn1表示mouseover的处理函数,fn2表示mouseout的处理函数;


   Toggle(fn1,fn2…fnN ):当元素被click后,轮流执行fn1,fn2,fnN方法;


   One(type,fn):表示注册的时间只相应一次,然后失效,type表示事件类型;



4、文档的处理


创建元素:


       $('标签字符串')


   添加元素:


       append(),appendTo()


       Prepend(),prependTo()


       After(),insertAfter()


       Before(),insertBefore()


   动态删除元素:


       Enpty() :清空子元素


       remove(selector):无参表示把自己移除掉,有参表示移除复合选择题的元素


三、样式处理:


1、样式操作:


CSS(),按照键值对的格式对样式进行设置;

   如果只设置一个样式,则可直接赋值,如css'color','red';

   如果设置多个样式,则使用css{1:值1,键2:值2})的格式

操作后生成的代码都是对标签的style属性进行设置



2、类操作:


addClass. hasClass,removeClass, toggleClass

   也可以使用属性方法操作:

   Attr('class','className');


四、选择器:

选择器大全:

http://www.cr173.com/html/21124_1.html



五、隐式迭代和链式编程

1、隐式迭代:


不用自己去写for遍历 dom数组了,自动为每个数组元素循环加了执行方法,隐藏起来 迭代 赋予每个数组元素 执行方法。对于满足条件的每个对象重复执行,比如,对btn类采取同样的操作(通过选择器来进行选择)。


2、链式编程:



调用完一个方法后不用重新获取对象,继续.,只需选择一次。使用层级和过滤选择器后会将原有的链破坏,不能继续.此时用end(),恢复到最近的一次;


比如:我们设置一个控件的属性,使用lable.caption =;lable.name=;lable.width=;等,但是使用迭代后,可以直接lable.caption().name().width();


   以上我是我对JQuery的整体的认识,希望能对刚学习JQuery的朋友带来帮助,如有错误,请指点。



相关文章
|
2天前
|
云安全 人工智能
2025,阿里云安全的“年度报告”
拥抱AI时代,阿里云安全为你护航~
1439 1
|
9天前
|
云安全 人工智能 算法
以“AI对抗AI”,阿里云验证码进入2.0时代
三层立体防护,用大模型打赢人机攻防战
1415 10
|
9天前
|
机器学习/深度学习 安全 API
MAI-UI 开源:通用 GUI 智能体基座登顶 SOTA!
MAI-UI是通义实验室推出的全尺寸GUI智能体基座模型,原生集成用户交互、MCP工具调用与端云协同能力。支持跨App操作、模糊语义理解与主动提问澄清,通过大规模在线强化学习实现复杂任务自动化,在出行、办公等高频场景中表现卓越,已登顶ScreenSpot-Pro、MobileWorld等多项SOTA评测。
1330 7
|
10天前
|
人工智能 Rust 运维
这个神器让你白嫖ClaudeOpus 4.5,Gemini 3!还能接Claude Code等任意平台
加我进AI讨论学习群,公众号右下角“联系方式”文末有老金的 开源知识库地址·全免费
1208 15
|
4天前
|
人工智能 前端开发 API
Google发布50页AI Agent白皮书,老金帮你提炼10个核心要点
老金分享Google最新AI Agent指南:让AI从“动嘴”到“动手”。Agent=大脑(模型)+手(工具)+协调系统,可自主完成任务。通过ReAct模式、多Agent协作与RAG等技术,实现真正自动化。入门推荐LangChain,文末附开源知识库链接。
454 118
|
2天前
|
机器学习/深度学习 测试技术 数据中心
九坤量化开源IQuest-Coder-V1,代码大模型进入“流式”训练时代
2026年首日,九坤创始团队成立的至知创新研究院开源IQuest-Coder-V1系列代码大模型,涵盖7B至40B参数,支持128K上下文与GQA架构,提供Base、Instruct、Thinking及Loop版本。采用创新Code-Flow训练范式,模拟代码演化全过程,提升复杂任务推理能力,在SWE-Bench、LiveCodeBench等基准领先。全阶段checkpoint开放,支持本地部署与微调,助力研究与应用落地。
332 1
|
7天前
|
存储 缓存 NoSQL
阿里云经济型e实例(ecs.e-c1m4.large)2核8G云服务器优惠活动价格及性能测评
阿里云经济型e实例(ecs.e-c1m4.large)2核8G配置,支持按使用流量或按固定带宽两种公网计费方式,搭配20G起ESSD Entry云盘,是主打高性价比的内存优化型入门选择。其核心特点是8G大内存适配轻量内存密集场景,计费模式灵活可控,既能满足个人开发者的复杂测试项目需求,也能支撑小微企业的基础业务运行,无需为闲置资源过度付费。以下从优惠活动价格、性能表现、适用场景及避坑要点四方面,用通俗语言详细解析。
233 153
|
4天前
|
机器学习/深度学习 人工智能 算法
炎鹊「Nexus Agent V1.0」:垂直领域AI应用的原生能力引擎
炎鹊AI「Nexus Agent V1.0」是垂直行业专属AI原生引擎,融合大模型、AIGA决策大脑、行业知识图谱与专属模型,打造“感知-决策-执行”闭环。支持21个行业低代码构建工具型、员工型、决策型AI应用,实现技术到业务价值的高效转化,推动AI从实验走向规模化落地。(239字)
252 1

热门文章

最新文章