jQuery的使用方法
发布时间:2025-05-22 04:37:16 发布人:远客网络
一、jQuery的使用方法
1.jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。
2.然后我们来开始编辑HTML界面代码。
3.使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。
4.接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码
二、jquery是什么啊
1、下面我们介绍一些比较常见的Javascript框架,高手跳过,才学JS和ajax的朋友则应该好好了解一下。
2、jquery是一个快速、简洁的JavaScript框架,帮助你简化查询DOM对象,处理事件,制作动画,和处理Ajax交互过程。利用jQuery将改变你编写JavaScript代码的方式。原先用20行代码完成的功能,jQuery用10行就可以轻松搞定。
3、Dojo是一个强大的面向对象JavaScript框架。主要由三大模块组成:Core、Dijit、DojoX。Core提供 Ajax,events,packaging,CSS-based querying,animations,JSON等相关操作API。Dijit是一个可更换皮肤,基于模板的WEB UI控件库。DojoX包括一些创新/新颖的代码和控件:DateGrid,charts,离线应用,跨浏览器矢量绘图等。
4、YUI(Yahoo! User Interface Library)
5、Yahoo! User Interface(YUI) Library是一组采用DOM scripting,Dhtml和Ajax等技术开发的Web UI控件和工具。中文说过来就是“Yahoo用户界面库”。
6、•Yui工具包利用DOM脚本来简化浏览器内的开发(in-browser devolvement),使用DHTML和AJAX的特性开发所有的Web程序。
7、•YUI控件库为你页面提供一组高交互性性的可视化元素。这些元素完全在客户端创建维护,不需要请求服务器进行页面刷新。
8、MooTools是一个简洁,模块化,面向对象的JavaScript框架。它能够帮助你更快,更简单地编写可扩展和兼容性强的JavaScript代码。 Mootools从Prototype.js中汲取了许多有益的设计理念,语法也和其极其类似。但它提供的功能要比Prototype.js多,整体设计也比Prototype.js要相对完善,功能更强大,比如增加了动画特效、拖放操作等等。
9、prototype是一个易于使用、面向对象的JavaScript框架。它封装并简化和扩展一些在Web开发过程中常用到JavaScript方法与Ajax交互处理过程。
10、script.aculo.us是一个易于使用,支持多种浏览器,用于增强Prototype的JavaScript框架。script.aculo.us包含:动画框架(animation framework),拖放(drag and drop), Ajax控件,DOM工具,单元测试等。
11、ExtJS是一个跨浏览器,用于开发RIA(Rich iInternet Application)应用的JavaScript框架。提供:高性,可定制的Web UI控件库。良好的设计、丰富的文档和可扩展的组件模型。
三、jQuery的基本语句是什么啊
});
2、JQuery简单选择器的应用,比如根据id获取dom节点,根据class获取dom节点,根据标签获取dom节点
2、JQuery简单选择器的应用,比如根据id获取dom节点,根据class获取dom节点,根据标签获取dom节点
$("#btn1");//根据id获取dom节点
$(".show");//根据class获取dom节点
$('input');//获取标签是input的所有节点
3、JQuery简单的取值赋值函数,比如input文本框的value值获取与赋值,普通dom节点Html的输出等
3、JQuery简单的取值赋值函数,比如input文本框的value值获取与赋值,普通dom节点Html的输出等
$('#ipt').val();//获取id是ipt节点的值。
$('#ipt').val('abc');//id是ipt节点的值设置为abc
$('#div1').html('<inputtype="button"value="按钮"/>');//添加按钮
掌握上面3点基本后,可以进一步读Jquery源代码,了解一些内置函数,复杂选择器的应用等等
掌握上面3点基本后,可以进一步读Jquery源代码,了解一些内置函数,复杂选择器的应用等等