菜鸟初试水--JQuery基础

Posted 2020-07-09

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

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对象

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