首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JavaWeb(八)JQuery

jQuery 市场用得比较多两个框架: jQuery 比较适合做一些互联网 的应用(12306.com,蘑菇街,美丽说,聚美) extjs 比较适合做后台管理系统(电商(订单管理),银行,电信) 核心:..."js/jquery-3.2.1.min.js"> 或者从CDN中引用,比如百度: 1 jQuery 只有一个对象 (jQuery == $) 一定要搞清楚jQuery 与dom 对象之间的区别于联系 dom对象:dom 对象...是浏览器自带对象,dom 对象只能调用dom 里面的属性和方法, 不能调用jQuery 对象里面的属性和方法 jQuery对象:jquery 对象是通过jQuery 包装页面上面的元素或者dom 而产生的一个新的...对象,jquery 对象时jQuery 独有的,不能调用dom 对象里面的属性和方法,jQuery 对象是一个数组。

1.7K40

JavaWeb】84:jQuery框架

当然其具体如何实现的还不清楚,反正jQuery框架确实能实现该功能。 二、jQuery框架 网上搜索jQuery下载,即可下载到各个版本的jQuery。 ?...直接创建一个js包,将下载的jQuery库放进js包,再导入对应路径即可。 然后就可以直接使用jQuery了: ? ①js和jQuery方法区别 jQuery和js都有自己特有的操作方法。...这两种方法其实是一回事,说白了其底层封装的时候就是“,用代替了jQuery这个方法名。 三、jQuery与js之间的转换 jQuery对象和js对象之间是可以互相转换的。...②jQuery对象转换成js对象 通过jQuery("#myDiv1")获取的就是jQuery对象,这不用多说。 那如何将其转换成js对象?...直接使用$(js)便可将js对象转换成jQuery对象。 以上便是js和jQuery之间的转换,其中页面加载事件它们之间也能转换。 ?

2.9K10
您找到你想要的搜索结果了吗?
是的
没有找到

JavaWeb】85:jQuery的各种选择器

刚学CSS的时候,觉得CSS选择器也太多了吧,直到今天学了jQuery选择器…… 一、基本选择器 初学jQuery有个非常令人苦恼的地方:时常会把jQuery语法和js语法搞混。...jQuery语法:jQuery.click(function(){})。 通俗一点理解就是: js对象对应的是属性,给属性赋值。 jQuery对象对应的是方法,给方法一个参数。...CSS中基本选择器有3种,在jQuery中比CSS还多一种,依次分析: ? 为了观看更直接,将每个选择器和一个按钮绑定,通过触发点击事件完成对应的操作。...jQuery语法的简洁之处就是在于此:如果是使用js语法,得到的元素为一个数组,所以要使用for循环依次赋值。 事实上jQuery对象本身就是一个js数组,相当于将for循环遍历赋值这个步骤简化了。...jQuery中的选择器实在是太多了,通过网络查询到jQuery对应里的选择器: ? 遇到不会的就可以查看下文档,讲解也很详细,还有案例分析。 最后 谢谢你的观看。

8.7K20

JavaWeb】86:jQuery的属性、文档、动画以及事件

昨天学习了jQuery中的选择器,有一些还没有学完全,只能说等到以后遇到了再查文档了。 并且更令人惊讶的是,其实这只是jQuery使用文档中的一部分,还有很多很多Api。...①获取标签的属性值 在js中,对应的是value属性 在jQuery中,对应的是函数val() 注意是val(),不是value()。 如果不赋值,那么获取的就是对应标签的值。...在jQuery中,是给函数val()传一个参数。 如果赋值,那么就是在修改对应标签的值。 2获得匹配元素的html内容/文本 这两个实在是太像了,就将它们放在一起讲了。...其中参数为小驼峰式的命名规则:在CSS中是font-size,在jQuery中是fontSize。...以上就是对jQuery中动画和事件的说明,其它还有很多就不一一说明了。 再加上也有很多人说jQuery现在被淘汰了,不想花太多时间在这块,继续后面的学习。 最后 谢谢你的观看。

2.4K40

JavaWeb04-jQuery(Java真正的全栈开发)

jQuery已经成为最流行的javascript库,在世界前10000个访问最多的网站中,有超过55%在使用jQuery。...由美国人John Resig在2006年1月发布 jQuery是免费、开源的 jQuery分类: WEB版本:我们主要学习研究 (jQuery-版本.js 、 jQuery-版本-min.js)...UI版本:集成了UI组件 mobile版本:针对移动端开发 qunit版本:用于js测试的 jquery官网 http://jquery.com/ 我们接触到的版本 3.导入jQuery 通过script...标签的src属性导入即可 二.jQuery基本操作 1.获得jQuery对象 语法:$(选择器或者DOM对象) 或 jQuery(选择器或者DOM对象) $ == jQuery <script type...属性的值 alert($obj.val()); 2.DOM对象和jQuery对象之间的转换 注意:jQuery对象使用jquery的api(方法、函数)。

2.3K90

JavaWeb——JQuery之基本概述与快速入门实践总结(JQuery各版本区别、JQuery对象和JS对象的区别与转换)

JQuery基本概念 JQuery实际是JavaScript的一个框架,可以用来简化JS的开发。...快速入门 快速入门步骤:1)下载JQuery文件;-》2)在项目中导入JQuery的js文件;-》3)使用JQuery。...最新版本:3.5.1 【jquery-xxx.js与jquery-xxx.min.js的区别】: jquery-xxx.js jquery-xxx.min.js 版本 开发版本,给开发人员看的,缩进和注释比较友好...; 生产版本,程序中使用,没有缩进; 体积 体积大 体积小,程序加载快一些 2)导入JQuery的js文件:导入的是min.js文件 3)使用JQuery:实现第一节中举例内容 写一个HTML,使用JQuery...对象在操作时更方便; 2)JQuery对象和js对象方法不通用; 3)两者相关要进行转换:       JQuery---> js: JQuery对象[索引]  或 JQuery对象.get(索引)

81520

JavaWeb——JQuery之高级操作应用及实践案例总结(动画、遍历、事件绑定)

1 JQuery动画 JQuery有三种方式显示和隐藏元素: 1)默认显示和隐藏方式:       --show([speed, [easing], [fn]])       --hide([speed...2 JQuery遍历 js的遍历方式是使用for循环,JQuery提供了三种遍历方式: 1)JQuery对象.each(callback):回调函数中的参数 index(索引) element(元素对象...事件绑定 JQuery事件绑定方式包括: 1)JQuery标准的绑定方式:JQuery对象.事件方法(回调函数);注意:如果调用事件方法,不传递回调参数,会触发浏览器默认行为; 2)on绑定事件、off...解除绑定:JQuery对象.on("事件名称",回调函数)、JQuery对象.off("事件名称");注意:若off方法不传递任何参数,则会将组件上所有的事件解除; 3)事件切换toggle:JQuery...注意:JQuery1.9后该功能删除了,要使用的话引入jquery-migrate-1.0.0.js插件。 【练习案例1】:JQuery标准的绑定方式 <!

9.4K20

JavaWeb

让网页产生更强的交互效果) WEB后端 Servlet(Server Applet:服务器端的Java小程序) JSP AJAX jQuery MyBatis Spring SpringMVC SpringBoot...Java可以(Java做WEB开发我们称为JavaWEB开发。JavaWEB开发最核心的规范:Servlet【Server Applet服务器端的Java小程序。】)...我们javaweb程序员只需要编写Servlet接口的实现类,然后将其注册到web.xml文件中,即可。 总结一下:一个合法的webapp目录结构应该是怎样的?...之所以单例是因为Servlet对象的创建我们javaweb程序员管不着,这个对象的创建只能是Tomcat来说了算,Tomcat只创建了一个,所以导致了单例,但是属于假单例。...javaweb程序员面向HttpServletRequest接口编程,调用方法就可以获取到请求的信息了。 request和response对象的生命周期?

6.1K20

JavaWebJavaWeb技术架构演进

~ 本篇内容包括:JavaWeb 简介、JavaWeb 技术架构演进的各个阶段,即 JavaWeb-Servlet 阶段,JavaWeb-MVC 阶段(SSM/SSH)以及 JavaWeb-SpringBoot...---- 下一篇内容:JavaWeb:Servlet的应用及接口介绍 更多知识学习:全网最全的 Java 技术栈内容梳理(持续更新中) ---- 文章目录 一、JavaWeb 简介 二、JavaWeb-Servlet...阶段 1、JavaWeb-Servlet 阶段 2、JSP+JavaBean+Servlet 三、JavaWeb-MVC 阶段 1、MVC 模式概述 2、MVC 模式优点 3、MVP 模式 4、MVVC...模式 四、JavaWeb-SSH/SSM 阶段 1、SSH 框架 2、SSM 框架 五、JavaWeb-SpringBoot 阶段 ---- 一、JavaWeb 简介 Java Web,是用 Java...---- 二、JavaWeb-Servlet 阶段 1、JavaWeb-Servlet 阶段 在 Web 应用处于最初期时,主要用于浏览静态 Html 页面,浏览器通过请求向 Http 服务器端(比如

1.3K20
领券