Jquery 学习记录

简介

什么是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();