jQuery基础(慕课网学习笔记).docVIP

环境搭建 2 jQuery初体验 2 #id 选择器(使用身份证号来找人) 3 element 选择器(寻找铅笔) 4 .class 选择器(寻找红色铅笔) 4 * 选择器(取走全部铅笔) 5 sele1,sele2,seleN选择器 6 ance desc选择器 7 parent child选择器 7 prev + next选择器 8 prev ~ siblings选择器 9 :first过滤选择器 10 :eq(index)过滤选择器 11 :contains(text)过滤选择器 12 :has(selector)过滤选择器 13 :hidden过滤选择器 14 :visible过滤选择器 15 [attribute=value]属性选择器 16 [attribute!=value]属性选择器 17 [attribute*=value]属性选择器 18 :first-child子元素过滤选择器 19 :last-child子元素过滤选择器 20 :input表单选择器 21 :text表单文本选择器 22 :password表单密码选择器 23 :radio单选按钮选择器 24 ?:checkbox复选框选择器 25 ?:submit提交按钮选择器 26 :image图像域选择器 27 :button表单按钮选择器 28 :checked选中状态选择器 29 :selected选中状态选择器 30 使用attr()方法控制元素的属性 31 操作元素的内容 32 操作元素的样式 33 移除属性和样式 34 使用append()方法向元素内追加内容 35 使用appendTo()方法向被选元素内插入内容 36 使用before()和after()在元素前后插入内容 36 使用clone()方法复制元素 37 替换内容 38 使用wrap()和wrapInner()方法包裹元素和内容 39 使用each()方法遍历元素 39 使用remove()和empty()方法删除元素 40 页面加载时触发ready()事件 41 使用bind()方法绑定元素的事件 42 使用hover()方法切换事件 43 使用toggle()方法绑定多个函数 43 使用unbind()方法移除元素绑定的事件 44 使用one()方法绑定元素的一次性事件 45 调用trigger()方法手动触发指定的事件 46 文本框的focus和blur事件 47 下拉列表框的change事件 48 调用live()方法绑定元素的事件 49 调用show()和hide()方法显示和隐藏元素 50 动画效果的show()和hide()方法 51 调用toggle()方法实现动画切换效果 52 使用slideUp()和slideDown()方法的滑动效果 53 环境搭建 搭建一个jQuery的开发环境非常方便，可以通过下列几个步骤进行。 下载jQuery文件库 在jQuery的官方网站（）中，下载最新版本的jQuery文件库。在网站中找到最新版本文件的下载按钮，将jQuery框架文件下载到本地即可，本教案使用的版本为稳定版：1.9.0版。 引入jQuery文件库 下载完jQuery框架文件后，并不需要任何的安装，仅需要使用script文件导入标记，将jQuery框架文件导入页面中即可，假设该文件下载后保存在项目文件夹Jscript中，那么，在页面的head/head中加入如下代码： script language=javascript type=text/javascript src=1.9.0/jquery.js/script 在页面的头部分，加入上述代码后，便完成了jQuery框架开发环境的搭建，就可以开始我们的jQuery学习了。 jQuery初体验 如果你了解JavaScript语言，那将对你掌握jQuery如虎添翼，因为jQuery本身就是JavaScript，只不过是把JavaScript代码包装成拿过来就能实现特定功能的代码库！例如，我们想改变页面中所有段落标签中的文本内容： javaScript代码： jQuery代码： 以上两段代码完成的功能是一样的。由此可以看出，jQuery更加的简洁方便，我们在处理DOM时不必关心功能的实现细节。????$()就是jQuery中的函数，它的功能是获得（）中指定的标签元素。如示例中$(“p”)会得到一组P标签元素,其中“p”表示CSS中的标签选择器。$()中的()不一定是指定元素，也可能是函数。 在jQuery中?$()方法等价于jQuery()方法,前者比较常用，是后者的简写。一般只有在$()与其它语言冲突时才会使用jQuery()方法。 #id 选择器(使用身份证号来找人) jquery能使用CSS选择器来操作