jquery-问题解答

时间：2014-12-15 17:19:01 阅读：229 评论：0 收藏：0 [点我收藏+]

标签：jquery

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‘));
       });
}

jquery-问题解答

标签：jquery

原文地址：http://blog.csdn.net/u011513323/article/details/41945389

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行