菜鸟初试水--JQuery基础

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

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

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

时间: 2024-08-10 17:17:25

菜鸟初试水--JQuery基础的相关文章

【jQuery基础学习】09 jQuery与前端(这章很水)

这章主要是将如何将jQuery应用到网站中,或者说其实就是一些前端知识,对于我这种后端程序来说其实还是蛮有用的. 关于网站结构 文件结构 前端文件分三个文件夹放 images文件夹用来存放将要用到的图片 styles文件夹用来存放css样式表 scripts文件夹用来存放js脚本 网页结构 头部:网站的品牌log,登录信息 内容:放置网站的主体内容 尾部:放置网站的其它友情链接和版权信息之类的 关于网站样式 首先写一个样式表,来包含全局的样式.定义整个网站的reset.css样式表,编写一些全局

Android初试水

唯技术与能力让人心安 初试水,愿定期的更新博客,将Android开发中遇到的问题整理出来,以资激励自己前进的步伐.若有技术阐述之误,烦请众将海涵初登堂之菜鸟 ----承序猿

【jquery基础教程】jquery事件及操作大汇总

在学习Javascript语言中,有一个优秀的Javascript库是大家都会遇到的--jquery,今天小编汇总了jquery事件及操作,现在一起来看看jquery基础教程吧! 事件 bind()        向匹配元素附加一个或更多事件处理器 blur( )        触发.或将函数绑定到指定元素的 blur 事件 change()        触发.或将函数绑定到指定元素的 change 事件 click()        触发.或将函数绑定到指定元素的 click 事件 dblc

JQuery基础知识(2)

JQuery基础知识(2) JQuery滑动效果 1. JQuery slideDown(); 语法: $(selector).slideDown(speed,callback); 可选的 speed 参数规定效果的时长.它可以取以下值:"slow"."fast" 或毫秒. 可选的 callback 参数是滑动完成后所执行的函数名称. 2.JQuery slideUp();用于向上滑动元素 语法: $(selector).slideUp(speed,callback

JQuery基础知识(1)

JQuery基础知识(1) 对JQuery学习中遇到的小细节进行了整理和总结 1.JQuery hide()和show()方法,分别对选中的元素进行隐藏和显示,语法:hide()和show分别有对应的参数,即hide(speed);隐藏的速度进行了限定.hide(1000)/show(1000); 2.JQuery toggle()方法用来切换hide()和show();可以用speed参数进行控制显示和隐藏的速度. JQuery的淡入淡出 1.JQuery fadeIn();此方法可以携带不同

C++笔记2 :“反射”初试水

像Java或者是很多脚本语言,由于有着 "不用编译成机器码,直接解释执行" 这种先天优势,实现反射机制简单的一B.. 再反观我大C++,又一次遇到了麻烦... 其实我的需求特别简单:就是利用字符串可以调用同名的函数而已... 说的清楚一点,就是传入参数 "hello",可以调用 void hello() 这个函数... C++编译后已经丢掉了函数名,不可能做到这个需求,而很多时候这个需求都是必须的,然后我就得到了下面两种大概可行的做法: 1.写个map,key为字符

Jquery基础之事件操作

事件是用户操作时页面或页面加载时引发的用来完成javascript和HTML之间的交互操作.常见的元素点击事件.鼠标事件.键盘输入事件等,较传Javascript 相比JQuery增加并扩展了基本的事件处理机制,极大的增强了事件处理的能力. 一.DOM加载事件 页面加载完毕后浏览器会通过javascript为Dom元素加载事件,使用Javascript时候使用的是window.onload方法,而Jquery使用的是$(document).ready()方法,下表 展示两个事件的异同.    w

Jquery基础之选择器

选择器是JQuery的根基,在JQuery中对事件处理.选择遍历Dom.ajax操作都依赖选择器.JQuery选择器分为基本选择器.层次选择器.过滤选择器.表单选择器. 一.基本选择器 1.ID选择器$("#ID") 页面中每个ID是唯一的,ID选择器选择每个ID元素,如下方法如下:$("#ID");例:$("#tbxName")这个方法选择id=tbxName的页面元素.选择结果为单个元素. 2.类选择器$(".class"

Jquery基础之ajax

ajax是Asynchronous JavaScript and XML(异步JavaScript和XML)的简称,ajax并不是单一的技术而是利用一系列交互网页应用相关的技术形成的结合体,ajax揭开了无刷新更新页面的全新时代. ajax优点:不需要插件支持.优秀的用户体验.提高Web程序的性能.减轻服务器和宽带的负担.缺点:浏览器支持度不足.破浏览器前进后退按钮的正常功能.对搜索引擎的支持不足.开发和调试工具缺乏. Jquery对ajax操作进行了封装,ajax主要的几种方法是load().