PHP课程总结20170105
今天的课程,老师主要介绍了jQuery中系统函数的用法。一、总结
1.jQuery语法
jQuery基本语法:$(document).ready(function(){ //开始写jQuery代码});“$(document).ready();”的作用:防止文档在完全加载就绪前,运行.jQuery代码。如果先运行函数,操作可能失败。简化写法:$(function(){ //开始写jQuery代码});
第一种用法:$(选择器). 事件(function(){ });选择器是事件被触发的一个载体,作用是:查找或调取HTML元素
第二种用法:$(选择器). 系统函数(函数参数);
注意:选择器如果是类名或是id名,一定要加上“.”或“#”,引号必须有。
2.今天所学的系统函数
增加元素:jQueryappend()(在被选元素的结尾插入内容);jQueryprepend()(在被选元素的开头插入内容);
删除元素:jQueryremove()(删除被选元素及其子元素);jQuery empty()(删除被选元素中的子元素);
增加删除CSS类:jQuery addClass()(增加);jQuery removeClass()(删除);jQuery toggleClass()(切换)
设置或返回被选元素的一个或多个样式属性:jQuery css()(只输入属性,可以获取属性值)
处理元素和浏览器窗口的尺寸::jQuery width()等等
查找元素的祖先::jQuery parent()(查找被选元素的父级) ;:jQuery parents() (查找被选元素的所有父级);:jQuery parentsUtill() (查找被选元素的指定父级)
查找元素的后代::jQuery children()(查询被选元素的直接子元素) ;:jQuery find()(查询被选元素的所有子元素)
查找元素的同胞:jQuery siblings() (查询被选元素的所有同胞元素);jQuery next()(向下查询);jQuery prev()(向下查询)
过滤:jQuery first();jQuery last();jQuery eq();jQuery filter();jQuery not()
二、实例
点击,div边长
http://s5.运维网.com/wyfs02/M01/8C/9D/wKiom1hyEgrDUz7QAACtKQxptms002.png-wh_500x0-wm_3-wmp_4-s_1613264407.png
点击变色
http://s3.运维网.com/wyfs02/M01/8C/99/wKioL1hyEguDkrByAADBO0ONlg8135.png-wh_500x0-wm_3-wmp_4-s_3423053232.png
点击增加删除上传文件
http://s3.运维网.com/wyfs02/M02/8C/99/wKioL1hyEgvQlB4vAAC-cr46hc8981.png-wh_500x0-wm_3-wmp_4-s_2123827014.png
页:
[1]