B/S项目--jQuery简介

来源:互联网 发布:怎么不能申请淘宝直播 编辑:程序博客网 时间:2024/06/05 10:29

     jQuery是简化版的JavaScript框架,其最核心的宗旨就是“Write less,Do more”。在jQuery库中能够更加简洁的完成HTML元素操作选取及各个事件函数,完成CSS操作,实现JavaScript的特效和动画,HTML DOM的遍历和修改以及通过创建AJAX来动态刷新局部网页。在目前的网络时代,很多大型公司都在使用者jQuery,而且它可以兼容所有的驻留浏览器。由于jQuery库是JavaScript文件,故在使用时直接添加HTML的<script>标签来引用下载好的jQuery即可(<script type="text/javascript" src="js/jquery.js" ></script>)如果没有下载jQuery,可利用CDN(Content Delivery Network,内容分发网络)来引用各站点服务器的jQuery,实现连接,获取所需内容。


jQuery语法

     jQuery的基础语法是以 $(selector).action()为模板,选取HTML元素并对其进行某些操作。 $用来定义jQuery,后跟selector选择器来查找HTML元素,.action()来执行操作,通常在使用jQuery函数时,都会将其放到document ready函数中,以防止文档还未完全加载,导致操作失败。


jQuery选择器

     jQuery选择器用来选取具有id、类、类型、属性等的HTML元素,基于CSS选择器,以$开头,分为很多类别。以下为id选择器示例,更多请自行查询尝试使用

$(document).ready(function(){    //文档加载完全  $("button").click(function(){   //click点击事件被触发后调用函数    $("#test").hide();   //执行id为test的隐藏操作  });});


jQuery事件

     页面对不同访问者的响应叫做事件。HTML中发生某些事件后所调用的方法称为事件处理程序,触发事件即可达到某种要求。常用的有鼠标事件click,dblclick,键盘事件keypress,keydown还有表单文档窗口等事件的应用。

     

     以上是jQuery所包含的基本内容,其实jQuery相对来说很简单,知识其实现的效果和更多的技巧还是需要我们更多的完成实例,巧妙运用。


2 0
原创粉丝点击