JQuery入门总结(三)【选择器、方法、Json】
l两种方式:[index]和.get(index)
var $txtName=$("#txtName");
alert($txtName.val());
var txtName= $txtName[0];
alert(txtName.value);
var txtName=$txtName.get(0);
alert(txtName.value);
$("form input") : 在给定的祖先元素下匹配所有后代元素,这个下面讲的parent > child 区分
$("form > input"): 在给定的父元素下匹配所有子元素。要区别后代元素和子元素。
$("lable + input ") : 匹配所有紧接在prev后的next元素
$("form ~ input") : 匹配prev元素之后的所有siblings元素注意:在匹配之后的元素,不包含该元素在内,并且siblings匹配的是和prev同辈的元素,其后辈元素不被匹配。
$("select option:selected")选取所有选中的选项元素(下拉列表)
$(":password")选取所有密码框。同理还有:radio、:checkbox、:submit、:image、:reset、:button、:file、:hidden。
例子:
//$("td",$("#mytr"))是相对该行tr下的搜有td
$("td",$("#mytr")).css("background","green");
用来在元素的末尾追加一个子元素。
创建出的元素没有append到界面之前是无法用选择器找到的,就像数据没有insert到数据库之前是无法select出来的。
$("#select1option:selected").remove().appendTo($("#select2")) ;
$("#select1option:selected").appendTo($("#select2")) ;
before:在元素之前添加元素(添加兄弟).
用来在元素的末尾追加一个子元素。
创建出的元素没有append到界面之前是无法用选择器找到的,就像数据没有insert到数据库之前是无法select出来的。
$("#select1option:selected").remove().appendTo($("#select2")) ;
$("#select1option:selected").appendTo($("#select2")) ;
before:在元素之前添加元素(添加兄弟)
处理Json eg:
[ {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"}, {"UserID":12, "Name":{"FirstName":"Jeffrey","LastName":"Richter"}, "Email":"xxx◎xxx.com"}, {"UserID":13, "Name":{"FirstName":"Scott","LastName":"Gu"}, "Email":"xxx2◎xxx2.com"} ]
完整代码:
<script> var UserList = [ {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"}, {"UserID":12, "Name":{"FirstName":"Jeffrey","LastName":"Richter"}, "Email":"xxx◎xxx.com"}, {"UserID":13, "Name":{"FirstName":"Scott","LastName":"Gu"}, "Email":"xxx2◎xxx2.com"} ]; alert(UserList[0].Name.FirstName); </script>
事实上除了使用"."引用属性外,我们还可以使用下面语句:
alert(UserList[0]["Name"]["FirstName"]); 或者 alert(UserList[0].Name["FirstName"]);
foreach (MODEL.Area model in list)
{
sbHtml.Append("{AID:" + model.AID + ",AName:'" + model.AName + "'},");
}
sbHtml.Remove(sbHtml.Length - 1, 1).Append("]");
页面获取json对象:
var jsonArr = eval("(" + msg + ")");
alert("Totalrec:" + jsonArr[0].Totalrec);
alert("Totalpage:" + jsonArr[0].Totalpage);
//填充文献类型部分
var cateTemp = "";
json = eval(jsonArr[1]);
for (var perObj in json) {
cateTemp = cateTemp + "<li>" + perObj + "(<a>" + json[perObj] + "</a>)</li>";
//alert(cateTemp);
}
JQuery入门总结(三)【选择器、方法、Json】相关推荐
- jQuery——入门(三)JQuery DOM操作(核心处理和文档处理)
jQuery--入门(三)JQuery DOM操作(核心处理和文档处理) 一.核心处理(JQuery对象访问) 1.页面加载检测函数:$(document).ready(function(){}); ...
- jQuery入门基本语法选择器
文章目录 一.了解什么是jQuery&为什么要学jQuery? 二.jQuery的基本语法? 三.jQuery如何使用? 四.jQuery的选择器? 五.推荐使用开发工具:HBuilder X ...
- jQuery入门[2]-选择器[转]
jQuery之所以令人爱不释手,在于其强大的选择器表达式令DOM操作优雅而艺术. jQuery的选择符支持id,tagName,css1-3 expressions,XPath,参见:http://d ...
- jQuery入门[2]-选择器
jQuery之所以令人爱不释手,在于其强大的选择器表达式令DOM操作优雅而艺术. jQuery的选择符支持id,tagName,css1-3 expressions,XPath,参见:http://d ...
- JQuery入门常用的一些方法、表单操作、正则验证
获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = $(&qu ...
- jQuery入门选择器
Hilo Everybody wellcometo my channel ! 今天Lion带大家初步认识一下 jQuery(jquery01) 首先第一个我们来聊聊 & ...
- jQuery入门[1]-构造函数
jQuery入门[1]-构造函数 jQuery入门[2]-选择器 jQuery入门[3]-事件 jQuery入门[4]-链式代码 jQuery入门[5]-AJAX jQuery入门[6]-动画 JQu ...
- jQuery入门、选择器、事件、静态方法、动画
目录 第一章-jQuery基础知识 1.jQuery入门 1.1.jQuery介绍 1.2.jQuery安装 1.3.jQuery函数 1.4.jQuery对象 2.jQuery选择器 3.jQuer ...
- jQuery——入门(一)JQuery的简介与基本选择器的使用
JQuery入门(一)-- 基本简介与基本选择器的使用 一.jQuery简介 jquery是2006年1月由美国人John Resig在纽约barcamp发布,目前已经成为辅助javascript开发 ...
- jQuery入门 jQuery入门第三天
jQuery入门 jQuery入门第三天 老师:黑马程序员 文章目录 jQuery入门 jQuery入门第三天 老师:黑马程序员 3. jQuery事件 3.1 jQuery事件注册 3.1.1 单个 ...
最新文章
- slimphp中间件调用流程的理解
- [置顶] NoSQl mongodb数据库 配置篇
- 未来计算机领域最急缺的人,未来十年最紧缺职业 没人愿意干的高薪职业
- zblog php 调用缩略图,缩略图插件
- 没有聘礼,男友向我要一台奥迪汽车做陪嫁,房子是他婚前财产,正常吗?
- 【BZOJ-1090】字符串折叠 区间DP + Hash
- 设计模式之(Composite)组合模式
- 微信小程序傻瓜制作_从15款工具中精选出4款,最靠谱的微信小程序制作软件!...
- 中兴 F607 光猫超级管理用户查看
- linux mingw32安装,在Linux上安装mingw
- goahead如何使用cgi服务_利用GoAhead构建嵌入式web应用
- HTML网页拓展名有哪些,网页文件的扩展名有哪些
- Layui 扩展字体图标
- arm跑操作系统的意义_上手一个具体而微的 ARM 操作系统
- DDR中的一些知识点说明(ODT,ZQ校准,OCT,TDQS)【转载】
- ONF组织的SDN架构文档——概述(一)
- [渝粤教育] 天津师范大学 创业起跑线 参考 资料
- 【 交换最小值和最大值 】本题要求编写程序,先将输入的一系列整数中的最小值与第一个数交换,然后将最大值与最后一个数交换,最后输出交换后的序列。 注意:题目保证最大和最小值都是唯一的。
- 直线回归和相关------(二)直线回归的假设测验和区间估计以及matlab实现
- 美国宣布成立人工智能特别委员会,要确保继续处于领先
热门文章
- ScalaNote24-模式匹配和高阶函数练习题
- 沈阳达内python培训
- mc服务器控制台发消息,控制台作用介绍及控制台命令大全分享
- 每秒处理10万订单的乐视支付架构
- 桥牌坐庄训练bm2000 level3闯关记录——A9
- spingioc浅见
- power 见解_客户见解的两个简单来源,可改善用户体验
- 2003系统服务器防域名报毒,【系统之家】木马病毒无孔不入 win 2003系统也要防木马...
- epic启动器在哪个文件夹_启动时|原神启动器在哪?启动器文件位置介绍_234游戏网...
- Class Association