jquery知识点

1.hasClass()方法

hasClass() 方法检查被选元素是否包含指定的类名称。

如果被选元素包含指定的类，该方法返回 "true"。

语法：$(selector).hasClass(classname)    classname--必填，规定需要在备选元素中查找的类。

2.val()方法----针对元素属性

val() 方法返回或设置被选元素的值。读取或修改表单元素的value值

语法：

1)返回value属性值： $(selector).val()

value为空，返回第一个匹配元素的value属性值     

2）设置value属性的值：$(selector).val(value)

3.removeClass()方法：从被选元素移除一个或多个类

语法：

$(selector).removeClass(class)

例：<input id='add' class='add hide' />

$('#add').removeClass('hide')--------移除hide

4.text()方法---用来读取或修改元素的纯文本内容

   1）text()用来获取的是所有匹配元素的内容，而不会选取标签

     2）text(val)是设置所有匹配元素的文本内容

5..html()---用为读取和修改元素的HTML标签

   1）html()获取的第一个匹配元素的内容，也就是所取得的标签所包含的所有东西。

   2）html(val)修改指定内容

6.attr()----设置或返回被选元素的属性值

1)返回被选元素的属性值。

$(selector).attr(attribute)

2)设置被选元素的属性和值。

$(selector).attr(attribute,value)

   attribute---元素属性      value---元素属性值

7.this和$(this)----当前节点

this通常是一个Html 元素，例如(textbox)，textbox有text属性。

$(this)通常是一个JQuery对象 ，代表当前节点

例如：$(function(){

$('#id').click(function(){

$(this).parent()------$(this)指的是当前#id的这个节点

)}

)}

8.jQuery的父，子，兄弟节点的查找方法常用的有

jQuery.parent(expr)           //找父元素

jQuery.parents(expr)          //找到所有祖先元素，不限于父元素

jQuery.children(expr)        //查找所有子元素，只会找到直接的孩子节点，不会返回所有子孙

jQuery.contents()            //查找下面的所有内容，包括节点和文本。

jQuery.prev()                //查找上一个兄弟节点，不是所有的兄弟节点

jQuery.prevAll()             //查找所有当前的兄弟节点

jQuery.next()                //查找下一个兄弟节点，不是所有的兄弟节点

jQuery.nextAll()             //查找所有之后的兄弟节点

jQuery.siblings()            //查找兄弟节点，不分前后

例如：

<tr>
    <td>{{ row.id }}</td>
    <td>{{ row.s_name }}</td>
    <td cls_id="{{ row.classID }}">{{ row.cid }}</td>
    <td><a class="btn-edit">对话框编辑</a>|
    <a>删除</a></td>
</tr>

定位到对话框编辑后，如何定位其他的td便签：

$('.btn-edit').click(function () {
    $('#shadow,#editModal').removeClass('hide');
    /*
    获取当前数据信息$(this)
     */
    var tds = $(this).parent().prevAll();----获取父节点的兄弟节点
    var studentId = $(tds[2]).text();----从下往上，数字一次递增，cls_id为0
    var studentName = $(tds[1]).text();
    var classId = $(tds[0]).attr('cls_id');