jQuery

来源：互联网发布：萨特存在主义知乎编辑：程序博客网时间：2024/06/16 08:59

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>

4、

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，这就是一个代理的模式。相当于绕过了浏览器端，自然就不存在跨域问题。

阅读全文

0 0

jQuery

jQuery empty() 方法

语法：