JQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。这是网上给出的介绍。JQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。经过今天的学习,我深刻体验到了JQuery的这种宗旨的含义。今天将之前的登录注册的页面里脚本全部用JQuery实现了一遍,发现代码少了好多,使用起来也是非常方便的。1.三种基本选择器:id选择器:$("#id")元素选择器:$("元素")类选择器:$(".class")2.焦点和焦点离开事物 其中。click和blur方法就是分别执行点击和焦点离开的函数。其实jquery可以和java类比,基本的语法是很相似的,3.$("#id").html()和 $("#id").text()的区别$("#id").html()和$("#id").text()都是取id为某个值时的相关内容,但是它们是不一样的。$("#id").text()是返回元素的文本内容。$("#id").html()是返回元素的内容,并没有标签。它们也可以对内容进行设置。$("#id").text("Hello world");$("#id").html("Hello world");text设置后的内容是文本内容,所以会显示Hello world,但是html会将字符串插入元素中,浏览器并不会显示,最终显示的是Hello World。4.全选与反选在不使用jquery时,代码如下: 在使用jquery时,代码如下:其中$("input[name=sport]")取的是标签input中name=sport的jquery对象;$("#selectall").prop("checked")获得的是checkbox或者radio的选中状态,返回值类型为true或者false;prop还可以设置选中状态:$("#selectall").prop("checked",true)each是对获得的所有对象进行相应函数操作,可以替代for循环使用。5.表单的提交方式在不使用jquery时,表单提交按钮上也会有一个onclick监测来提交表单。但是用jquery完全可以像下面代码这样写:大概意思就是:直接获取到form的jquery对象调用submit函数执行函数体,e.preventDefault()是用来处理出现错误时不进行提交。其中的$("input[name=pwd]").val()获取的是对象的值,对去表单中的文本框就可以这样获取,同样它的设置方法和上面的html以及text一样,都是 $("input[name=pwd]").val("Hello World")。今天我也是体验到了万事开头难的道理,刚开始无从下手,经过耐心的步骤分析和查找,慢慢的发现其实内部原理很简单,而且jquery使用起来方便了很多。 就爱阅读www.92to.com网友整理上传,为您提供最全的知识大全,期待您的分享,转载请注明出处。
来源: