JQuery基础部分

1、JQuery: 是一个javascript库。好处是极大的简化了javaScript编程；第一步：导包：jquery库位于一个JavaScript文件中，其中包含了所有的JQuery函数：jQuery是HTML元素选取编制的，可以对元素进行某些操作：基础语法：$(selector).action( )建js文件夹，放js包：基础选择器：建一个演示jsp网页：basicSelector.jsp:加导包的路径：（以后都会这样用的：）效果检查如下：接下来操作页面的元素：示例：页面组织好：标签选择器：可以修改样式：css（name）： 获得指定属性。 css（name，property）：设置属性类选

2、择器：html（）；不带参就是取内容，带参就是设置内容：空参：带参ID选择器，prop（key）：获得指定属性：双参就是设置属性：交集选择器并集选择器后代选择器直接后代选择器：兄弟选择器：prev+slibing,第一个兄弟：兄弟选择器：prevslibing,所有兄弟：属性选择器：建立演示页面：attrSelector.jsp:接下来 演示属性选择器：$(选择器).action();属性选择器怎么过滤呢？注意语法，放在方括号里：加个样式清楚说明：Val() 空参获取内容，单参就是设置内容定义以user开头的文本框;以某某结尾：$同时多个属性过滤;$(“type=radiovalue=1”).

3、表单选择器;选中的不要选中没有选中的全部选中;获得选中下拉列表的值；获得选中项的文本，基础选择器与属性选择器一起使用;伪类选择器;first偶数even：下标从0开始： 奇数odd：大于：下标0开始不大于3：空的标签加：匹配父元素下的属性：下标从1开始练习：事件绑定：用 格式：$().ready(function() )DOM加载完毕触发：方式1 直接调用click函数：内部建函数与外部加函数内部方法名一样的效果方式2：用bind方法，旧的方法bind方法 可以多个事件比如下面的单击事件和鼠标移出事件:新的方法：on：只要把旧的bind方法换成on就是新的方法，今后的使用中，都用的是on；练习

4、：点击更多把隐藏的显示出来；显示出来后更多变成隐藏，点击隐藏将出来的再隐藏起来;操作如下:通过JQuery操作页面的元素;修改属性：prop常用：attr不常用，像设置true false来checled或则selected就不能成功了，操作页面的CSS；这只能操作单一的样式：接下来是将整个样式操作；addClass()toggleClass();如果存在样式就删除，如果不存在就添加样式：操作DOM：append； A.append(B); B追加到A的子节点后面；appendTo(); A.appendTo(B); A追加到B的子节点后面;after：A.after(B); B追加到A的最后；A.before(B); B追加到A前；JQuery中的循环：建一个页面：实现隔行变色的事件：用的是each（）函数操作：方式1，方法带一个参数：index：表示迭代的元素在集合中的下标，方式2函数带两个参数：index:表示迭代元素在集