jQuery笔记(上)
更新时间:2017-06-12 作者:陈老师 阅读:1887
一、jQurey是什么?
JavaScript 函数库。
目的是简化编程。
jQuery 事件处理方法是 jQuery 中的核心函数
二、jQury有什么作用?
HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
三、.jQurey怎么用?
1.导入方式
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
2.语法:
$(selector).action() jQuery(selector).action()
美元符号$定义 jQuery
选择符(selector)“查询”和“查找” HTML 元素
action() 执行对元素的操作
选择器:CSS选择器
jQuery 名称冲突:Query 使用名为 noConflict() 的方法来解决该问题,var jq=jQuery.noConflict(),使用自定义名称代替$。
3.HTML元素的增删改查
(1)查获取元素内容
text() 返回所选元素的文本内容
html() 返回所选元素的内容(包括 HTML 标记)
val() 返回表单字段的值
(2)改设置元素内容
text("text") 设置所选元素的文本内容
html("htmltext") 设置所选元素的内容(包括 HTML 标记)
val("value") 设置表单字段的值
(3)增增加内容,增加新元素
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
(4)删删除元素
删除:remove() 删除被选元素(及其子元素)
清空:empty() 从被选元素中删除子元素
4.类(className),属性(任意元素属性)操作
addClass() 向被选元素添加一个或多个类
removeClass() 从被选元素删除一个或多个类
toggleClass() 对被选元素进行添加/删除类的切换操作
attr() 设置或返回匹配元素的属性和值。
removeAttr() 从所有匹配的元素中移除指定的属性。
5. css操作(样式属性)
css(name) 获取指定样式属性的样式值
css(name, value) 设置指定样式属性的样式值
height() 设置或返回匹配元素的高度。
width() 设置或返回匹配元素的宽度。
offset() 返回第一个匹配元素相对于文档的位置。
offsetParent()返回最近的定位祖先元素。
position() 返回第一个匹配元素相对于父元素的位置。
就业学员
-
姓名:郭凡凡
院校:阜阳师范学院
就职:佳戴
职位:软件工程师
月薪:10000
-
姓名:陈祥龙
院校:中北大学
就职:美囤妈妈
职位:软件工程师
月薪:9000
-
姓名:陈建伟
院校:南昌航空大学
就职:SONY
职位:嵌入式工程师
月薪:8000