扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
jQuery对象是通过jQuery包装DOM对象后产生的对象
创新互联建站专注于牡丹江企业网站建设,响应式网站,商城建设。牡丹江网站建设公司,为牡丹江等地区提供建站服务。全流程按需定制开发,专业设计,全程项目跟踪,创新互联建站专业和态度为您提供的服务
注意:jQuery对象只能使用jQuery里的方法,DOM对象只能使用DOM对象的方法
基本选择器
层级选择器:
基本筛选器:
属性选择器:
表单筛选器:
筛选器方法:
jQuery的一些方法:
注意:对于标签上有的能够看到的属性和自定义属性用attr()方法
对于返回布尔值比如checkbox,radion,option这三个标签是否被选中,用prop方法
事件绑定方式:
注意:DOM定义的事件可以用 .on()方法来绑定事件,但是jQuery定义的事件就不可以
常用事件有:
移除事件:把on改成off,就是移除 .on()绑定的事件
阻止后续事件执行:事件函数中添加 return false; (常用于阻止表单提交等)或者e.preventDefault()
阻止事件冒泡:添加e.stopPropagation()
利用父标签去捕获子标签的事件
推荐阅读:
前端开发框架之jQuery 和 Vue 的选择
前端开发之15个jQuery小技巧分享
前端开发之JQuery入门基础操作
前端开发框架jQuery的优势与基础知识分享
是一个前端框架
jQuery是一个框架,在学jQuery之前可以先思考一个问题:如何去理解框架?
其实框架的本质从某种意义上来说就是代码的封装。
对于使用者来说只需要调用框架里的方法或属性实现某种功能即可。
至于具体是如何实现的?使用者不用管,框架里面会实现。
所以一般情况下,框架编写的越复杂,其使用也就越简单。
jQuery是一款前端开发框架,jQuery使用的方法如下:
工具/原料:联想威6、win10 20H2、jQuery 3.5.1。
1、jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。
2、然后我们来开始编辑HTML界面代码。
3、如图,使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。
4、接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码,入口函数写法有两种,function里面就是用来书写执行代码的。
5、如图,我就使用alert来在网页中弹出一个警告框。
6、这样,当我们运行我们的网页的时候,就会弹出一个窗口,里面有我们的警告内容。至此,jQuery也算简单的入门了解了。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流