zoukankan      html  css  js  c++  java
  • jquery方法

    $.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>

                               操作表格

    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+"列")

        });

    });

      

  • 相关阅读:
    Maven学习总结(18)——深入理解Maven仓库
    Maven学习总结(18)——深入理解Maven仓库
    MyBatis学习总结(15)——定制Mybatis自动代码生成的maven插件
    MyBatis学习总结(15)——定制Mybatis自动代码生成的maven插件
    Spring学习总结(7)——applicationContext.xml 配置文详解
    Spring学习总结(7)——applicationContext.xml 配置文详解
    Java基础学习总结(54)——JSON和Map转换的工具类
    Java基础学习总结(54)——JSON和Map转换的工具类
    【华为云技术分享】【DevCloud · 敏捷智库】如何避免重要需求遗漏?
    2019新书《昇腾AI处理器架构与编程》思维导图
  • 原文地址:https://www.cnblogs.com/mrxiaohe/p/5169026.html
Copyright © 2011-2022 走看看