jquery-问题解答

页面导航:首页 > 网络编程 > JavaScript > jquery-问题解答

jquery-问题解答

来源: 作者: 时间:2016-02-05 11:06 【

1、var v = $( summer-input:input ) val(); 根据class获取input2、var v = $( input[name=user name] ) val(); 转义带 的name 转义 3、var v = $( input:eq(-2) ) val
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').() 为 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 = "";
$.each(jsonData.userList,function(index,value){ //迭代
htmls = htmls + "";
});
htmls = htmls+"
"+value.id+""+value.name+""+value.age+"
";
$(htmls).appendTo("body");

var pages = "";
$.each(jsonData.pageInfo,function(index,value){
pages = pages+index+":"+value+",";
});
$("

"+pages+"

").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'));
});
}
Tags:

相关文章

    文章评论

    最 近 更 新
    热 点 排 行
    Js与CSS工具
    代码转换工具
    
    <