jquery重点笔记,简述jquery的实现原理

　　1.概观

　　一种新技术、新思维的出现，是因为它更方便了人们的需求，解决了当前的一些问题。它既有优点也有缺点，取决于我们如何应用它。

　　JavaScript脚本语言之前已经给大家介绍过了，很大程度上帮助Web开发者提高了浏览器的交互能力和动态效果。然而，随着互联网的快速发展，已经不能满足用户对页面显示形式和用户体验的迫切需求。于是一些在X上牛逼的人，对JavaScript做了进一步的封装和扩展，建立了一个强大的JavaScript代码库，命名为JQuery。

　　起初是一个美国人创建的开源项目，逐渐受到越来越多人的欢迎。其主要目的是用更少的代码实现更多的功能，即(少写，多做)。

　　在使用之前，需要使用JQuery库文件。

　　JQuery库文件可以从这里下载：www.jquery.com

　　2.实现主要功能

　　A.控制DOM和CSS

　　B.处理页面事件

　　C.页面中应用了大量的插件

　　D.Ajax的完美结合

　　3.风格

　　美元符号美元

　　事件链编写

　　在编写页面元素的事件时，可以使用链式编写，使代码更加简洁。

　　4.基础语法

　　以上两种写法是一致的，那么是什么意思呢？由于JQuery是JavaScript的扩展，所以JavaScript中会有相应的代码。请看下面的代码：

　　执行时间不同

　　Jquery在Jquery库加载后执行，而JavaScript在所有页面加载后执行。显然，前者效率更高。

　　执行数量不同

　　都可以多次执行，但是Jquery每次都会输出结果，而JavaScript只会输出一次结果。

　　5.访问控制DOM，CSS实例

　　参见下面的代码，实现click事件到按钮的绑定。单击时，会自动获取文本框和单选按钮的值，然后显示在DIV标签中。

　　跨度头

　　meta http-equiv= Content-Type Content= text/html；charset=gb2312/

　　标题控件DOM /title

　　！- JavaScript代码-

　　script type= text/JavaScript src= jquery . js /script

　　scripttype=text/javascript

　　$(function(){

　　$(#btnSubmit )。单击(函数(){

　　//获取文本框的值

　　vartxtValue=$(#txtName )。val()；

　　//获取单选按钮的值

　　varradValue=$(#radSex1 )。是(:已检查)？‘男’:‘女’；

　　//显示文本框内容和值

　　$(#tip )。css(显示，块)。html(txt value br rad value)；

　　});

　　});

　　/脚本

　　！- CSS代码-

　　styletype=text/css

　　/风格

　　/头

　　身体

　　差异

　　差异

　　输入以下信息：

　　/div

　　差异

　　name:inputid= txt name type= text /

　　性别：输入名称= rad 类型= radio id= radsex1 值= male/

　　男人

　　input= rad id= rad sex type= radio value= female /female

　　/div

　　差异

　　inputid= BTN submit type= button value= submit /

　　/div

　　/div

　　divid=tip

　　/div

　　/body

　　/html /span

　　通过JQuery，你可以很容易地找到HTML元素。然后，就不需要先用GetElementById等方法去找了。当需要添加的事件很多时，不需要单独添加，链式添加即可。

　　看显示效果：

　　该代码还使用JQuery选择器：属性过滤器选择器(:checked)来获取表单中所有选定的元素并返回一个数组。更多的选择器应用程序将在下一篇博客中介绍。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。