码迷,mamicode.com
首页 > Web开发 > 详细

PHP课程总结20170105

时间:2017-01-08 20:27:58      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:jquery;系统函数

    今天的课程,老师主要介绍了jQuery中系统函数的用法。

    一、总结

    1.jQuery语法

    <1>jQuery基本语法:$(document).ready(function(){ //开始写jQuery代码  });“$(document).ready();”的作用:防止文档在完全加载就绪前,运行.jQuery代码。如果先运行函数,操作可能失败。简化写法:$(function(){ //开始写jQuery代码  });

    <2>第一种用法:$(选择器). 事件(function(){ });选择器是事件被触发的一个载体,作用是:查找或调取HTML元素

    <3>第二种用法:$(选择器). 系统函数(函数参数);

    注意:选择器如果是类名或是id名,一定要加上“.”或“#”,引号必须有。

    2.今天所学的系统函数

    <1>增加元素:jQuery  append()(在被选元素的结尾插入内容);jQuery  prepend()(在被选元素的开头插入内容);

    <2>删除元素:jQuery  remove()(删除被选元素及其子元素);jQuery empty()(删除被选元素中的子元素);

   <3>增加删除CSS类:jQuery addClass()(增加);jQuery removeClass()(删除)jQuery toggleClass()(切换)

    <4>设置或返回被选元素的一个或多个样式属性:jQuery css()(只输入属性,可以获取属性值)

    <5>处理元素和浏览器窗口的尺寸::jQuery width()等等

    <6>查找元素的祖先:jQuery parent()(查找被选元素的父级) ;:jQuery parents() (查找被选元素的所有父级:jQuery parentsUtill() (查找被选元素的指定父级

    <7>查找元素的后代::jQuery children()(查询被选元素的直接子元素) ;:jQuery find()(查询被选元素的所有子元素

    <8>查找元素的同胞:jQuery siblings() (查询被选元素的所有同胞元素);jQuery next()(向下查询);jQuery prev()(向下查询)

    <9>过滤:jQuery first();jQuery last();jQuery eq();jQuery filter();jQuery not()

 

    二、实例

   

    <1>点击,div边长

 

技术分享

 

    <2>点击变色

 

技术分享

 

    <3>点击增加删除上传文件

 

技术分享

 

本文出自 “12244280” 博客,请务必保留此出处http://12254280.blog.51cto.com/12244280/1890185

PHP课程总结20170105

标签:jquery;系统函数

原文地址:http://12254280.blog.51cto.com/12244280/1890185

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!