简介
什么是JQUERY: 封装好的javascript,相比JS; jquery的功能更强大,也更方便
安装
JQuery的安装,就是引用一个 jquery包即可,该包可以去jquery.com网站下载 或其它站点
如果本地不想安装,也可以直接引用 Google 和Microsoft的CDN,
<script src="jquery.js"></script>
语法
基础语法是:$(selector).action()
- 美元符号定义 jQuery
- 选择符(selector)“查询”和“查找” HTML 元素 (可以是CSS选择器, 或Xpath )
- jQuery 的 action() 执行对元素的操作
文档就绪函数 :$(document).ready(function(){ --为了防止文档未加载完成,造成函数调用出错的问题,所以JQUERY的函数都写在文档就绪函数内
--- jquery functions in here
${"p"}.hide(); --文档中全部段落隐藏
});
选择器 完整的jquery选择器,请参考 W3c官网 http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp
Jquery效果 也请参考W3C官网
元素的获取
从面向对象的角度来看 JQUERY的 $(selector) 可以当做一个元素 click() hide()等可以看做方法
$(selector).text() ----获取文本内容
$(selector).html() ----获取内容(包括html标记)
$(selector).val() ----获取元素值
$(selector).attr("属性名") ----传入属性名,获取属性的值
元素设置
text,html,val 的设置,同获取一样,在括号中传入要设置的值即可 如 $("p").text("新值");
attr 需求用 $(selector).attr("属性名","属性值")
添加
$(selector).append(); --在被选元素的结尾插入内容
$(selector).prepend();
$(selector).after(); --在被选元素之后插入内容
$(selector).before();