1、jQuery HTML
jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。
2、
三个简单实用的用于 DOM 操作的 jQuery 方法:
- text() - 设置或返回所选元素的文本内容
- html() - 设置或返回所选元素的内容(包括 HTML 标记)
- val() - 设置或返回表单字段的值
- 3、
- <script>
$(document).ready(function(){
$("button").click(function(){
alert($("#run").attr("href"));
});
});
</script>
</head>
<body>
<p><a href="http://www.baidu.com" id="run">好</a></p>
<button>显示 href 属性的值</button>
jQuery empty() 方法
jQuery empty() 方法删除被选元素的子元素。
5、$("p").remove(".italic");
6、向下遍历 DOM 树
下面是两个用于向下遍历 DOM 树的 jQuery 方法:
- children()
- find()
- 7、什么是 AJAX?
- 简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。
- 8、jQuery load() 方法
-
jQuery load() 方法是简单但强大的 AJAX 方法。
load() 方法从服务器加载数据,并把返回的数据放入被选元素中。
语法:
-
$(selector).load(URL,data,callback);
-
9、jQuery - AJAX get() 和 post() 方法
-
语法:
$.get( URL, callback);必需的 URL 参数规定您希望请求的 URL。
可选的 callback 参数是请求成功后所执行的函数名。
10、jQuery $.post() 方法$.post() 方法通过 HTTP POST 请求从服务器上请求数据。
语法:
$.post( URL,data,callback);必需的 URL 参数规定您希望请求的 URL。
可选的 data 参数规定连同请求发送的数据。
可选的 callback 参数是请求成功后所执行的函数名。
-
10、Jsonp(JSON with Padding) 是 json 的一种"使用模式",可以让网页从别的域名(网站)那获取资料,即跨域读取数据。
-
跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对javascript施加的安全限制。
-
所谓同源是指,域名,协议,端口均相同
-
解决办法:
-
1、使用方式就不赘述了,但是要注意JSONP只支持GET请求,不支持POST请求。
-
2、例如www.123.com/index.html需要调用www.456.com/server.php,可以写一个接口www.123.com/server.php,由这个接口在后端去调用www.456.com/server.php并拿到返回值,然后再返回给index.html,这就是一个代理的模式。相当于绕过了浏览器端,自然就不存在跨域问题。