黑马程序员技术交流社区

标题: 【石家庄校区】java小白总结前端前六天的知识笔记-05JQuery [打印本页]

---

作者: 隔壁小白    时间: 2017-11-20 23:50
标题: 【石家庄校区】java小白总结前端前六天的知识笔记-05JQuery
#JQuery
*概述
是一个JS的框架,对传统的JS,对传统的JS进行了封装.
现在企业的开发中中不会使用传统的JS进行开发,通常对使用JS框架进行开发
*JS常用框架
JQuery,ExtJs,DWR,Prototype...
*JQ的使用
学习JQuery的语法
*JQuery介绍
工具类  EXTJS
*JQuery的入门
首先要引入js
*JQ的显示和隐藏
*JQ的效果操作
*show();
使用一:JQ对象.show();
使用二:JQ对象.show("slow");
使用三:JQ对象.show(毫秒值);
使用四:JQ对象.show(毫秒值,function(){});
*hide();
*slidedown();向上滑动
*slideup();向下滑动
*fadeIn();淡入
*fadeOut();淡出
*animate();自定义动画
*toggle:单机切换函数
JQ对象.toggle
*JQ选择器
*基本选择器
*id选择器:
$(“#id”)
*类选择器
$(“.class”)
*元素选择器
$(“元素”)
*通配符选择器
$(“*”)
*并列选择器
$(“#id,.class”)
*层级选择器
*后代选择器:使用空格
*子元素选择器:使用>
*下一个元素:使用+
*兄弟元素:使用~
*基本过滤选择器
:first
:last
:even
:odd
:gt(index)
:lt(index)
:focus
*内容选择器
:contains(text)
:empty
:parent
*属性选择器
input[type='name']
*表单选择器
:input
:submit
*可见性
:hidden
:visible
*JQuery中添加和移除样式
* 如果样式没有事先定义,可以使用css方法为奇数行或者偶数行设置背景颜色.
* 如果已经在css文件中事先将样式定义完成了,不能使用css方法了.使用JQ中的CSS类中的方法：
            * addClass();
            * removeClass();
*获取属性值的区别
*prop:非自定义属性,可以获取所有的属性值
*attr:自定义属性,可以获取所有的属性值
*val():可以获取,设置对象的value值
*添加和删除元素的常用方法
    * append(); ---在某个元素后添加内容.
    * appendTO(); ---将某个元素添加到另一个元素后.
    * remove(); ---将某个元素移除.

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2