您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

如何使用js中JQuery框架

2026/2/1 5:44:58发布80次查看
这次给大家带来如何使用js中jquery框架,使用js中jquery框架的注意事项有哪些,下面就是实战案例,一起来看一下。 jquery是一个快速、简洁的javascript框架,是继prototype之后又一个优秀的javascript代码库(或javascript框架)。jquery设计的宗旨是:倡导写更少的代码,做更多的事情。它封装javascript常用的功能代码,提供一种简便的javascript设计模式,优化html文档操作、事件处理、动画设计和ajax交互,极大地简化来了javascript编程。         jquery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对css选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jquery兼容各种主流浏览器,如ie6.0+、ff1.5+、safari2.0+、opera9.0+等。jquery的安装步骤:
1.下载相应的文件库(每一个 同一版本的jquery文件库,都分为两个,一个是未压缩版,可查看源码,开发时使用,(jquery-3.3.1.js)
一个是压缩版,将注释,空格均作了删除,将变量字符数删少,产品上线时使用(jquery-3.3.1.min.js) 带min 一般我们使用这个)
(http://jquery.com/  可下载)
2.将jquery的js文件拷贝到web的目录下(放在创建的网页目录)
3.页面引用js文件(jquery的js)
463417320b7ac4e89d1cba7b95f3d8c62cacc6d41bbb37262a98f745aa00fbf0
4.页面中载入jquery
(上面的script只是引用jquery的,想要载入jquery只能在写一个script)
有三种方法:
第一种:
$(document).ready(function(){ func(xxx)//执行函数 }); //.ready函数是当dom(文档对象模型)已经加载,并且页面(包括图像)已经完全呈现时,会发生ready事件,为了防止文档在完全加载(就绪)之前运行 jquery 代码。
第二种:
$(function(){ func(xxx)//执行函数 });
第三种:
jquery(function($) { func(xxx)//执行函数 });
基本语法:
$(selector).action()
美元符号定义jquery
选择符(selector)"查询"和“查找” html元素
jquery的action()执行对元素的操作
<script type="text/javascript"> $(function(){ alert("helloworld"); }) </script>
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
filter怎样全局使用
如何获取dom内class的值
以上就是如何使用js中jquery框架的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product