jQuery/JSON

最新推荐文章于 2024-01-05 23:03:37 发布
最新推荐文章于 2024-01-05 23:03:37 发布
阅读量245 收藏
点赞数
分类专栏： javaEE学习笔记

1,导航栏：点击显示

<!-- 引入 jQuery -->
<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
//等待dom元素加载完毕.
$(document).ready(function(){
$(".***has_children***").click(function(){
    $(this).addClass("highlight")          //为当前元素增加highlight类
        .children("a").show().end()         //将子节点的a元素显示出来并重新定位到上次操作的元素
    .siblings().removeClass("highlight")        //获取元素的兄弟元素，并去掉他们的highlight类
        .children("a").hide();              //将兄弟元素下的a元素隐藏
});
});
</script>

2,单选框勾选，alert“感谢你的支持!你可以继续操作”
DOM:

<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
//等待dom元素加载完毕.
$(document).ready(function(){
var $cr = $("#cr");  //jQuery对象
var cr = $cr.get(0); //DOM对象，获取 $cr[0]
$cr.click(function(){
    if(cr.checked){ //DOM方式判断
        alert("感谢你的支持!你可以继续操作!");
    }
})
});
</script>

jQuery:

<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
//等待dom元素加载完毕.
$(document).ready(function(){
var $cr = $("#cr");  //jQuery对象
$cr.click(function(){
    if($cr.is(":checked")){ //jQuery方式判断
        alert("感谢你的支持!你可以继续操作！");
    }
})
});
</script>

3，window.onload

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function t(){
alert("test1")
}
function b(){
alert("test2")
}
window.onload =t ;
window.onload =b ;
</script>

页面执行alert(“test2”)

4，顺序加载

<!-- 引入 jQuery -->
<script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
//等待dom元素加载完毕.
$(document).ready(function(){
alert("Hello World!");
});

//test2
$(document).ready(function(){
alert("Hello again!");
});
</script>

输出：alert(“Hello World!”);alert(“Hello again!”);

5，

<!-- 引入 jQuery -->
<script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
//等待dom元素加载完毕.
$(document).ready(function(){
var domObj = document.getElementsByTagName("h3")[0]; // Dom对象
var $jQueryObj = $(domObj);  //jQuery对象
alert("***DOM对象：***"+domObj.innerHTML);
alert("***jQuery对象：***"+$jQueryObj.html());
});
</script>
</head>
<body>
<h3>***例子***</h3>
<p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>
<ul>
<li>苹果</li>
<li>橘子</li>
<li>菠萝</li>
</ul>
</body>

输出：DOM对象：例子
jQuery对象：例子

ElaineCuger
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
leetcode中国-[removed]路径：HTML-->CSS-->JavaScript-->jQuery/JSON-->Bootst
06-29
HTML--CSS--JavaScript--jQuery/JSON/DOM/Bootstrap etc. (to be updated) Books JavaScript权威指南（原书第6版） JavaScript高级程序设计（第3版） GitHub入门与实践【服务于提升输出能力】 (To save time, I have...
Jquery如何发送Ajax请求
qq_45991659的博客
10-07 2073
1、首先可以使用$.get()方法，这是发送一个get请求的ajax。 function get(){ $.get("action.php",function(){ }) } 2、可以使用getJSON方法，这是发送get请求，但返回的结果是一个json格式的数据 function get(){ $.get("action.php",function(){ }) $.getJson("action.json",function(data){ }) } 3、要返回一个s
JQuery前端之操作JSON的方法
xinyuerr的博客
10-11 1947
通过上面这个表达式，就完成了将服务器端响应给客户端的Json格式的字符串解析成了一个Json（格式的）对象，名称为“json”，通过“json.”或者“json[]”的方式便可进行数据访问。通过上面的计算，也可以将服务器端响应给客户端的Json格式的字符串解析成了一个Json（格式的）对象，但是该对象名称为“r”，通过“r.”或者“r[]”的方式可进行数据访问。4.对象和数组可以互相嵌套，即数组中的一个元素可以是一个对象也可以是一个数组，同理对象中的一个属性的值可以是一个对象也可以是一个数组。
JQuery前端操作JSON
xiaoweids的博客
07-19 2302
通过上面这个表达式，就完成了将服务器端响应给客户端的Json格式的字符串解析成了一个Json（格式的）对象，名称为“json”，通过“json.”或者“json[]”的方式便可进行数据访问。通过上面的计算，也可以将服务器端响应给客户端的Json格式的字符串解析成了一个Json（格式的）对象，但是该对象名称为“r”，通过“r.”或者“r[]”的方式可进行数据访问。4.对象和数组可以互相嵌套，即数组中的一个元素可以是一个对象也可以是一个数组，同理对象中的一个属性的值可以是一个对象也可以是一个数组。...
JQuery前端如何操作JSON
hdxx2022的博客
03-11 872
通过上面这个表达式，就完成了将服务器端响应给客户端的Json格式的字符串解析成了一个Json（格式的）对象，名称为“json”，通过“json.”或者“json[]”的方式便可进行数据访问。通过上面的计算，也可以将服务器端响应给客户端的Json格式的字符串解析成了一个Json（格式的）对象，但是该对象名称为“r”，通过“r.”或者“r[]”的方式可进行数据访问。4.对象和数组可以互相嵌套，即数组中的一个元素可以是一个对象也可以是一个数组，同理对象中的一个属性的值可以是一个对象也可以是一个数组。
JQuery前端操作JSON浅谈
最新发布
xinyuerr的博客
01-05 989
通过上面这个表达式，就完成了将服务器端响应给客户端的Json格式的字符串解析成了一个Json（格式的）对象，名称为“json”，通过“json.”或者“json[]”的方式便可进行数据访问。通过上面的计算，也可以将服务器端响应给客户端的Json格式的字符串解析成了一个Json（格式的）对象，但是该对象名称为“r”，通过“r.”或者“r[]”的方式可进行数据访问。4.对象和数组可以互相嵌套，即数组中的一个元素可以是一个对象也可以是一个数组，同理对象中的一个属性的值可以是一个对象也可以是一个数组。
$.ajax中contentType: “application/json” 的用法详解
10-17
这在处理JSON数据时尤其有用，因为JSON是一种轻量级的数据交换格式，广泛应用于Web服务和API之间。 1. **contentType参数的作用**： `contentType`参数决定了发送到服务器的数据格式。默认情况下，`$.ajax`会将...
Jquery解析json数据详解
01-19
最近被jquery折磨了一番，倒腾了一个jquery解析json的demo,本demo想实现从asp.net后台实例化dataSet或者dataTable数据集，将dataSet转换成json并返回给客户端，客户端用jquery getJson方法解析出来并显示在页面上。...
jQuery/Ajax/PHP/Json 的一个综合例子收藏
03-17
**jQuery、Ajax、PHP与Json：一个综合应用的探索** jQuery是JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理以及AJAX交互。Ajax，全称Asynchronous JavaScript and XML，是一种创建动态网页的技术，...
Jquery.json.js
06-25
**jQuery与JSON简介** jQuery是一个高效、简洁且易用的JavaScript库，它极大地简化了JavaScript编程，使得DOM操作、事件处理、Ajax交互等任务变得更加容易。JSON（JavaScript Object Notation）则是一种轻量级的...
JQuery02-JSON和AJAX的使用
小云很优秀
05-10 876
JSON 定义 JSON（JavaScript Object Notation, JS 对象简谱）是一种轻量级的数据交换格式。它基于 ECMAScript （欧洲计算机协会制定的 JS 规范）的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。 格式 JSON 就是一种有格式的字符串。任何支持的类型都可以通过 JSON 来表示，例如字符串、数字、对象、数组等。但是对象和数组是比较特殊且常用的两种类型。 规则如下: 映射用冒号（“:”）表示。”名称” : 值，标准格式名称用双引号括起来； 并
JQuery、JSON、AJAX、XML、IO流、多线程、反射核心知识点详解
a2285786446的博客
10-11 1181
JQuery、JSON、AJAX、XML、IO流、多线程、反射随笔，查漏补缺用
jQuery 加载 JSON文件
lvmingzhou的专栏
11-11 477
【代码】jQuery 加载 JSON文件。
jQuery jsonp跨域请求
考拉很OK
09-17 1607
首先我们需要明白，在页面上直接发起一个跨域的ajax请求是不可以的，但是，在页面上引入不同域上的js脚本却是可以的，就像你可以在自己的页面上使用<img src=""> 标签来随意显示某个域上的图片一样。jsonp的实现方式其实就是<script>脚本请求地址的方式一样，只是ajax的jsonp对其做了封装，所以可想而知，jsonp是不支持POST方式的。至此，我们算是跨域把数据请求回来了，但是比较麻烦，需要自己写脚本发起请求，然后写个回调函数处理数据，不是很方便。2、接下来看如何发起跨域请求。
JQuery前端操作JSON的方法
xinyuerr的博客
11-07 239
通过上面这个表达式，就完成了将服务器端响应给客户端的Json格式的字符串解析成了一个Json（格式的）对象，名称为“json”，通过“json.”或者“json[]”的方式便可进行数据访问。通过上面的计算，也可以将服务器端响应给客户端的Json格式的字符串解析成了一个Json（格式的）对象，但是该对象名称为“r”，通过“r.”或者“r[]”的方式可进行数据访问。4.对象和数组可以互相嵌套，即数组中的一个元素可以是一个对象也可以是一个数组，同理对象中的一个属性的值可以是一个对象也可以是一个数组。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值