1、var v = $('.summer-input:input').val(); //依据class获取input



2、var v = $('input[name=user\\.name]').val(); //转义带. 的name  转义 \\



3、var v = $('input:eq(-2)').val(); //获取div内倒数第二个input元素  倒数能够写负数



4、对象[]  $('div > span').html() 为 one   // div >span 为div下的子元素;div span  为div内全部的



5、if($('#content').length>0){ $('#content').remove();}  //推断一个元素是否存在。$().length>0



6.1、

function selectCheckbox(){

       $('#table thead input[type=checkbox]').click(function(){  //checkbox 点击事件

           if($(this).is(":checked")){

               $('#table tbody input[type=checkbox]').prop('checked',true);   //checkbox 推断是否选中, $().prop('checked')==true?false/$().is(':checked')/$('  :checked').length

               $('#table tbody tr').attr('bgcolor','red');

           }else{

               $('#table tbody input[type=checkbox]').prop('checked',false);

               $('#table tbody tr').attr('bgcolor','#FFF');

           }

       });

}



6.2/6.3、

function addClass(){

       $('#table tbody input[type=checkbox]').click(function(){

           if($(this).prop('checked')){

               $(this).parent("td").parent("tr").attr('bgcolor','red');  // 向上找寻 tr :  $().parent('td').parent('tr')

           }else{

               $(this).parent("td").parent("tr").attr('bgcolor','white');

           }

           if($('#table tbody tr').length==$('#table tbody input[type=checkbox]:checked').length){

               $('#table thead input[type=checkbox]').prop('checked',true);

           }else{

               $('#table thead input[type=checkbox]').prop('checked',false);

           }

       });

}



7.1、

function ajaxqq(){

       $.ajax({

           type:'post',

           url:'a.html',

           data:{

                username:'王'  //接參数 {}

           }

       });

}



7.2/7.3、

function jxJsonData(){

       var jsonData = {"userList":[{"id":"1","name":"玩家","age":"18"},{"id":"2","name":"玩家2","age":"18"},{"id":"3","name":"玩家3","age":"18"}],"pageInfo":["aa","bb","cc"]};

       var htmls = "<table>";

       $.each(jsonData.userList,function(index,value){   //迭代

            htmls = htmls + "<tr><td>"+value.id+"</td><td>"+value.name+"</td><td>"+value.age+"</td></tr>";

       });

       htmls = htmls+"</table>";

       $(htmls).appendTo("body");  

       

       var pages = "";

       $.each(jsonData.pageInfo,function(index,value){

           pages = pages+index+":"+value+",";

       });

       $("<p>"+pages+"</p>").appendTo("body");

}



8.1、

function ssUL(){

       $("ul>li>a").next("ul").hide();

       $("ul>li>a").click(function(){

           $(this).next("ul").toggle();   //toggle 函数 隐藏或显示

       }); 

}



8.2、

function openWindow(){

       $("<iframe id='iframename' name='iframename' style='width:160;height:160;'></iframe>").appendTo("body");

       $('ul li a').on('click',  function() {

           $(this).attr('target','iframename');  //超链接的内容打开在iframe中 1、给超链接加入target属性。值为iframe的name 2、给iframe加入src值

           $('#iframename').attr('src',$(this).attr('href'));

       });

}

最新文章

  1. CenterOS 7 常用命令
  2. Linux从零单排(一):Google Chrome的安装
  3. linux 学习6 软件包安装
  4. JavaScript——99乘法表
  5. javaSE ---OOP总结
  6. C语言宏定义时#(井号)和##(双井号)的用法
  7. link和@import的区别
  8. Regsvr32.exe 用法
  9. Object Oriented Programming python
  10. poj2503 哈希
  11. 简易控制中心,angular的简单使用
  12. 简单谈谈js中的MVC
  13. weka 通过普通文本转化成arff文件
  14. Microsoft AI - Custom Vision
  15. Spring Boot admin 2.0 详解
  16. idea在Terminal中使用maven指令
  17. Java中的RASP实现
  18. shell切分字符串到数组
  19. WPF 打印界面(控件)到A4纸
  20. canvas制作完美适配分享海报

热门文章

  1. hive中行转换成列以及hive相关知识
  2. Percona XtraDB Cluster(PXC)-高可用架构设计说明
  3. Python抓取微博评论
  4. 深度学习方法(七):最新SqueezeNet 模型详解,CNN模型参数降低50倍,压缩461倍!
  5. Copy List with Random Pointer——技巧
  6. loadrunner中Run-time-Setting设置
  7. 【WPF】RenderTransform和LayoutTransform
  8. python动态获取对象的属性和方法 (转)
  9. vim自动补全插件YouCompleteMe的安装及配置
  10. FastReport.Net使用:[11]公共对象属性介绍