JAVA WEB——jQuery入门总结

1. 什么是JQuery?
   jQuery是一个轻量级JS库 使用十分简单，其核心是选择器，用于获取页面元素。jQuery提供了大量高效的方法 开发速度大幅提升。

2. JQuery用法

    var selector=document.getElementById("txtSelector").value;
    $(selector).addClass("highlight");
   

上述代码意为获取ID为txtSelector的文本框的值，通过Jquery选取所有该类型元素，为其加上highlight属性。括号内被称为选择器表达式。*表示选取所有元素。
2.1 基本选择器：

2.2 层叠选择器：后代选择器可以选中祖先节点下的全部目标节点，而子选择器只能选择父选择器下一级。

2.3 属性选择器

2.4 位置选择器

2.5 表单选择器

2.6 通过JQuery操作元素：
传递一个参数表示获取，两个参数表示设置属性值，如

var href_attr=$("a[href*='163']").attr("href");

var href_attr=$("a[href='163']").attr("href","http://www.163.com");

一个选择器对应多个属性，获取属性值时只输出第一个属性的结果，设置的时候就没有这么麻烦，设置属性值的时候则会把所有选中的元素的属性值进行设置。

2.7 设置元素内容
val()----获取或设置输入项的值。设置参数，表示val更改属性值，无参为获取内容

$("input[name='uname']").val("administrator");

var v=$("input[name='uname']").val();

text()—获取或设置元素的纯文本
设置：$("span.myclass").text("<b>粒粒皆辛苦</b>");
如果文本内容出现标签，不进行转义,直接输出
获取var text=$("span.myclass").text()；

html()—获取或设置元素内部的html
设置 $("span.myclass").html("<b>粒粒皆辛苦<b>");
获取var vspan=$("span.myclass").html();
text和html方法最大的区别是对于文本中的html标签是否进行转义

2.8 JQuery常用事件

例如：

<script type="text/javascript">
	$("span.myclass").click(function(){
		$(this).css("background-color","lightgreen");
	})
</script>

为myclass类的span标签加上单机事件，单击后背景颜色改变。