您的位置:首页 > Web前端 > JQuery

jquery方法

2016-01-29 15:01 831 查看
$.inArray(被判断的量,ArrayName); 如果存在返回索引值,如果不存在返回-1

$.unique() 数组去重 根据去重前后的长度,判断是否有重复

$.each(被遍历的数组,function(i,item){

....

})//我们无法从each函数中直接结束函数的执行,因为return true=continue; return false=break;

//关于这个函数更详细的信息有单独的文章介绍。

$(当前元素).prevAll().each(function(){

...

})//prevAll()函数和each函数一起使用,可以对当前元素(或者说正再处理元素)的前面所有的同级元素进行遍历,不过该函数比较依赖位置关系,经常改动的代码尽量不要用。

children()函数,也可以和each()函数配合使用,遍历所有子元素

$("tr").last() $("tr").last()//找到第一个tr元素,和找到最后一个tr元素

find();找出正在处理元素的后代元素 所有的子孙元素?

$().attr("属性名字","新的属性值");修改属性,例如$().attr("class","样式id");

$().remove();删除元素

$(item).append("<input type='text' class='textBox' />");使用jquery在div、span等里面添加htm。是覆盖吗?

$().css("样式名称","值");修改样式,例如:$("#id").css("display","none")或者$().css("width","90px");

$.ajax({

  url:"",

  type:"get/post",

  data:{

     "id":id,

      "name":name,

      ...//最后一个,末尾不能加,

     },

  success:function(这里可以返回数据){

    ..

  },

  error:fucntion(){

  }

});

$(这里放的是input元素).is(":checked")

$(input元素).attr("checked",true/false);

$().attr("disabled","true") //可以改变 value属性、id属性、class等等

$().removeAttr("disabled") //去除disabled属性

  <input type="text" id="name" disabled /> 记住设置disabled的属性时,只需要写一个disabled就行了

  <select disabled>

    <option>o1</option>

    <option>o2</option>

  </select>

$("#id_select option:selected").text();//获取下拉框中被选中的那一项的文本,如果没有id,$(对象).find("option:selected").text();

  <select>

    <option selected="selected">o1</option>

    <option>o2</option>

  </select>

$("id_selected option[text='是']").attr("selected","selected");//利用jquery实现下拉框中的具有某个文本的项为被选中项

  其中[text='是'] 是一个过滤器,和过滤器[属性名='']差不多,前者是元素包含的文本内容为...,后者是元素的属性值为...。
  $("div[title=下载]").css("display","none"),把title的属性值为下载的div 设置为none

  <select>

    <option>是</option>

    <option>否</option>

  </select>

                          [b]操作表格[/b]

1、HTML结构

<table id = "test">

<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>

<tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>

<tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>

<tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>

</table>

2、jquery代码

$(function(){

$("table td").click(function() {

var row = $(this).parent().index() + 1; // 行位置

var col = $(this).index() + 1; // 列位置

alert("当前位置:第"+row+"行,第"+col+"列")

});

});

  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: