首页 > Web开发 > 详细

菜鸟初试水--JQuery基础

时间:2016-05-21 10:06:54      阅读:241      评论:0      收藏:0      [点我收藏+]

此文仅作入门级文章,望大神们高抬贵手!

JQuery:

  它是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作。

JQuery的用途:

  ①访问和操作DOM元素:

      使用jQuery能够方便便捷地获取和修改页面中指定的元素

   ②控制页面样式  

      能使程序猿便捷地控制页面中的CSS文件

   ③对页面事件的处理

      让页面的表现层和功能开发分离,更加专注的完成自己的任务

   ④方便地使用jQuery插件

      jQuery含有大量的插件,使得页面绚丽多彩,功能越发完善

   ⑤与Ajax技术的完美集合

      能极大地方便程序开发,增强页面交互

使用jQuery的第一步,往往就是将一个选择表达式,放进构造函数jQuery()(简写为$),

然后得到被选中的元素。

选择表达式可以是CSS选择器:

1 $(document)//选择整个文档对象
2 $(#myId)//选择ID为myId的网页元素  
3 $(div.myClass)//选择class为myClass的div元素    
4 $(input[name=first])//选择name属性等于first的input元素

也可以是jQuery特有的表达式:

1 $(‘a:first‘)//选择网页中第一个a元素  
2 $(‘tr:odd‘)//选择表格的奇数行  
3 $(‘#myForm :input‘)//选择表单中的input元素  
4 $(‘div:visible‘) //选择可见的div元素  
5 $(‘div:gt(2)‘)//选择所有的div元素,除了前三个  
6 $(‘div:animated‘)//选择当前处于动画状态的div元素  

jQuery对象与DOM对象的相互转换

//1.jQuery对象转换为DOM对象
var
$jName =$("#myId"); //jQuery对象 var dName=$jName[0]; //DOM对象
//2.DOM对象转换为jQuery对象
var dName=doucument.getElementById(“#myId”);//DOM对象
var $jName=$(dname);//jQuery对象

鄙人才疏学浅,对此并不精通,望大神们手下留情!

技术分享

菜鸟初试水--JQuery基础

原文:http://www.cnblogs.com/493044922qq/p/5514073.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!