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'));

});

}