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

});

}

时间: 2024-11-13 08:11:30

jquery-问题解答的相关文章

jQuery插件开发前准备

[前言] 关于jQuery的插件,网上一搜一大把,一开始在项目中使用别人写的插件的时候,真是佩服的五体投地,调用的时候简简单单的几句代码,就能实现很复杂的功能.那么如何开发自己的插件呢?其实并不难,从简单的开始,一步一步网上添加功能,最后咋们也能写出功能强大的插件. [jQuery插件开发模式] jQuery插件开发模式有三种: (1)通过$.extend()来扩展jQuery 多用于拓展工具方法,比如给一个数组封装一个方法,功能是将其中的重复元素删除:$.removeSameItem([1,1

JQuery Mobile优秀网站及资源

1.JQM 案例展示:http://www.jqmgallery.com/ 2.JQM 滚动条插件 Site: http://cubiq.org/iscroll Demo: http://cubiq.org/dropbox/iscroll4/examples/simple/ 3.JQM 弹出插件 Site:http://dev.jtsage.com/jQM-SimpleDialog/ 4.开源移动设备检测脚本 Site:http://detectmobilebrowser.com/ 5.JQM日

基于jquery开发的UI框架整理分析

根据调查得知,现在市场中的UI框架差不多40个左右,不知大家都习惯性的用哪个框架,现在市场中有几款UI框架稍微的成熟一些,也是大家比较喜欢的一种UI框架,那应该是jQuery,有部分UI框架都是根据jQuery研发出来的产品,现在也很常见了. 国产jQuery UI框架 (jUI) DWZ DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.设计目标是简单实用,快速开发,降低ajax开发成本. jQuery 部件布局

微信生成二维码 只需一个网址即刻 还有jquery生成二维码

<div class="orderDetails-info"> <img src="http://qr.topscan.com/api.php?text=http://123.net/index.php?s=/Home/Index/yanzheng/mai/{$dange.id}" style="width: 5rem; margin-bottom: 1rem;" > </div> http://qr.tops

Jquery基础总结

jquery获取元素索引值index()方法: jquery的index()方法 搜索匹配的元素,并返回相应元素的索引值,从0开始计数. 如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置. 如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置. 如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置.如果找不到匹配的元素,则返回-1. <ul> <li id=&quo

初识jQuery

jQuery简介 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨是"write Less,Do More",即倡导写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作.事件处理.动画设计和Ajax交互. jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口:

zepto与jquery冲突的解决

问题出现的背景: 在light7框架下搭建的触屏版项目中,要拓展一个投票系统,其中投票系统有一个比较完善的上传组件,但是此组件是依赖zepto的,而原来的项目是依赖jQuery的,所以就会遇到冲突的问题: 解决方法1: jquery有一个方法叫noConflict() ,可以把jquery的$改掉. var jq=$.noConflict(); 这个时候用jq来代替jquery的$吧. 解决方法2: zepto的符号改掉 window.zp=window.Zepto = Zepto 在zepto

jQuery父级以及同级元素查找的实例

父级以及同级元素的查找在使用过程中还是蛮频繁的,下面为大家介绍下jQuery是如何实现的,感兴趣的朋友可以参考下 jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素 jQuery.children(

jQuery EasyUI---DataGrid

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>DataGrid</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="../jquery-1.4.2.min.js" ty

jQuery学习(五)——使用JQ完成复选框的全选和全不选

1.在系统后台进行人员管理时,进行批量删除,使用jq完成全选和全不选 步骤分析: 第一步:引入jquery文件 第二步:书写页面加载函数 第三步:为上面的复选框绑定单击事件 第四步:将下面所有的复选框的选中状态设置成跟上面的一致! 2.具体代码实现: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>使用jQuery完成复选框的全选和全不