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的ajax jsonp使用常见问题解答
前天在项目中写了ajax jsonp的使用,出现了问题:能够成功获得请求结果,但没有运行success方法,直接运行了error方法提示错误--ajax jsonp之前并没实用过.对其的理解为跟普通的 ...
- jQuery lazyload插件详解和问题解答
lazyload插件用于图片延迟加载,节省服务器带宽,减少服务器请求次数,提高网站的页面加载速度,用于网站性能优化,只有当图片在窗口可视范围内时才向服务器请求: 参数: threshold:设置距离窗 ...
- jQuery中prop和attr区别
问题 今天给一个button加onclick事件,由于最后button根据需要转成字符串,因此不能使用jQurey.click(),只能给button添加onclick属性的方式. 于是,$butto ...
- web前端工程师面试技巧 常见问题解答
web前端工程师面试技巧 常见问题解答 每年的春招是各企业需求人才的黄金时期,不少的前端大牛或者前端新手在面试时候不知道怎么来回答面试官的问题,下面来看下我转载的这篇文章吧,希望对从事前端工作的你有所 ...
- Angular杂谈系列1-如何在Angular2中使用jQuery及其插件
jQuery,让我们对dom的操作更加便捷.由于其易用性和可扩展性,jQuer也迅速风靡全球,各种插件也是目不暇接. 我相信很多人并不能直接远离jQuery去做前端,因为它太好用了,我们以前做的东西大 ...
- jQuery UI resizable使用注意事项、实时等比例拉伸及你不知道的技巧
这篇文章总结的是我在使用resizable插件的过程中,遇到的问题及变通应用的奇思妙想. 一.resizable使用注意事项 以下是我在jsfiddle上写的测试demo:http://jsfiddl ...
- Jquery的点击事件,三句代码完成全选事件
先来看一下Js和Jquery的点击事件 举两个简单的例子 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q ...
- jQuery实践-网页版2048小游戏
▓▓▓▓▓▓ 大致介绍 看了一个实现网页版2048小游戏的视频,觉得能做出自己以前喜欢玩的小游戏很有意思便自己动手试了试,真正的验证了这句话-不要以为你以为的就是你以为的,看视频时觉得看懂了,会写了, ...
- jquery和Js的区别和基础操作
jqery的语法和js的语法一样,算是把js升级了一下,这两种语法可以一起使用,只不过是用jqery更加方便 一个页面想要使用jqery的话,先要引入一下jqery包,jqery包从网上下一个就可以, ...
- jQuery之ajax实现篇
jQuery的ajax方法非常好用,这么好的东西,你想拥有一个属于自己的ajax么?接下来,我们来自己做一个简单的ajax吧. 实现功能 由于jq中的ajax方法是用了内置的deferred模块,是P ...
随机推荐
- svm和svr区别--摘自其它博客
学习笔记:SVM柔性边界的补充和SVR(支持向量回归) 作者 小刺猬yyx 关注 2016.08.06 10:31* 字数 1608 阅读 421评论 0喜欢 2 上一个笔记对于SVM不能完美分类的情 ...
- .Net Core 部署到 CentOS7 64 位系统中的步骤
建议使用 root 管理员账户操作 1.安装工具 1.apache 2..Net Core(dotnet-sdk-2.0) 3.Supervisor(进程管理工具,目的是服务器一开机就启动服务器 上发 ...
- Python抓取微博评论
本人是张杰的小迷妹,所以用杰哥的微博为例,之前一直看的是网页版,然后在知乎上看了一个抓取沈梦辰的微博评论的帖子,然后得到了这样的网址 然后就用m.weibo.cn进行网站的爬取,里面的微博和每一条微博 ...
- 三十分钟理解博弈论“纳什均衡” -- Nash Equilibrium
欢迎转载,转载请注明:本文出自Bin的专栏blog.csdn.net/xbinworld. 技术交流QQ群:433250724,欢迎对算法.技术感兴趣的同学加入. 纳什均衡(或者纳什平衡),Nash ...
- Linux 用户篇——用户管理的配置文件
一.用户管理之配置文件的重要性 在Linux系统中,用户账户的相关信息是存放在相关配置文件中.而Linux安全系统的核心是用户账号,用户对系统中各种对象的访问权限取决于他们登录系统时用的账户,并且Li ...
- 关于WordPress登录后跳转到指定页面
前面在写模版的时候,有朋友要求网站登录后要跳转的到指定的页面.这个从前还真没遇到过.于是就用万能的搜索(很少百度)找了下,方法基本上就是一个,代码如下: <?php // Fields f ...
- MINIBASE源代码阅读笔记之HFPage
HFPage heap file的page的类 成员 slot_t:用来表示页里的slot,包括offset和length slot[]:倒着生长的slot array slotCnt:有多少已用sl ...
- ElasticSearch部署文档(Ubuntu 14.04)
ElasticSearch部署文档(Ubuntu 14.04) 参考链接 https://www.elastic.co/guide/en/elasticsearch/guide/current/hea ...
- PHP原理之对象(一)
作者: Laruence( ) 本文地址: http://www.laruence.com/2008/08/22/412.html 转载请注明出处 或许你知道,或许你不知道,PHP是一个弱类型,动 ...
- 洛谷P1503 鬼子进村 [平衡树,STL]
题目传送门 鬼子进村 题目背景 小卡正在新家的客厅中看电视.电视里正在播放放了千八百次依旧重播的<亮剑>,剧中李云龙带领的独立团在一个县城遇到了一个鬼子小队,于是独立团与鬼子展开游击战. ...