欢迎来到天天文库
浏览记录
ID:13934989
大小:4.27 MB
页数:54页
时间:2018-07-25
《jquery基础(慕课网学习笔记)》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、环境搭建2jQuery初体验2#id选择器(使用身份证号来找人)3element选择器(寻找铅笔)4.class选择器(寻找红色铅笔)4*选择器(取走全部铅笔)5sele1,sele2,seleN选择器6ancedesc选择器7parent>child选择器7prev+next选择器8prev~siblings选择器9:first过滤选择器10:eq(index)过滤选择器11:contains(text)过滤选择器12:has(selector)过滤选择器13:hidden过滤选择器14:visible
2、过滤选择器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:check
3、ed选中状态选择器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页面加载时触发
4、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()方法实现动画切换效
5、果52使用slideUp()和slideDown()方法的滑动效果53环境搭建搭建一个jQuery的开发环境非常方便,可以通过下列几个步骤进行。1.下载jQuery文件库在jQuery的官方网站(http://jquery.com)中,下载最新版本的jQuery文件库。在网站中找到最新版本文件的下载按钮,将jQuery框架文件下载到本地即可,本教案使用的版本为稳定版:1.9.0版。2.引入jQuery文件库下载完jQuery框架文件后,并不需要任何的安装,仅需要使用在页面的头部分,加入上述代码后,便完成了jQuery框架开发环境的搭建,就可以开始我们的jQuery学习了。jQuery初体验如果你了解JavaScript语言,那将对你掌握jQuery如虎添翼,因为jQuery本
7、身就是JavaScript,只不过是把JavaScript代码包装成拿过来就能实现特定功能的代码库!例如,我们想改变页面中所有段落标签中的文本内容:javaScript代码:jQuery代码:以上两段代码完成的功能是一样的。由此可以看出,jQuery更加的简洁方便,我们在处理DOM时不必关心功能的实现细节。 $()就是jQuery中的函数,它的功能是获得()中指定的标签元素。如示例中$(“p”)会得到一组P标签元素,其中“p”表示CSS中的标签选择器。$()中的()不一定是指定元素,也可能是函数。在
8、jQuery中 $()方法等价于jQuery()方法,前者比较常用,是后者的简写。一般只有在$()与其它语言冲突时才会使用jQuery()方法。#id选择器(使用身份证号来找人)jquery能使用CSS选择器来操作网页中的标签元素。如果你想要通过一个id号去查找一个元素,就可以使用如下格式的选择器:$("#my_id")其中#my_id表示根据id选择器获取页面中指定的标签元素,且返回唯一一个元素。例如:在浏览器中显示的效果:
此文档下载收益归作者所有