JQuery基本语法
2016-08-30 15:19
246 查看
JQuery基本语法:
JQuery选择器:
JQuery显示/隐藏效果:
JQuery获取内容及属性:
JQuery load() 方法
可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。
可选的 callback 参数是 load() 方法完成后所执行的函数名称。
JQuery get() 方法
可选的 callback 参数是请求成功后所执行的函数名。
JQuery post() 方法
可选的 data 参数规定连同请求发送的数据。
可选的 callback 参数是请求成功后所执行的函数名。
$(selector).action() //例如: $(this).hide() -隐藏当前对象 //页面加载完成后调用function中的处理 $(document).ready(function(){ alert("文档加载完毕时显示这句话"); }); //点击时隐藏p元素 $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); });
JQuery选择器:
//元素选择器<p>p1</p> $(document).ready(function(){ $("button").click(function(){ $("p").text("p元素被修改了"); }); }); //id选择器<p id="pid">p1</p> $(document).ready(function(){ $("button").click(function(){ $("#pid").text("p元素被修改了"); }); }); //类选择器<p class="pclass">p1</p> $(document).ready(function(){ $("button").click(function(){ $(".pclass").text("p元素被修改了"); }); });
JQuery显示/隐藏效果:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#b1").click(function(){ $("p").toggle(); }); $("#b2").click(function(){ $("p").show(); }); $("#b3").click(function(){ $("p").hide(); }); }); </script> </head> <body> <button id="b1">隐藏/显示</button> <button id="b2">显示</button> <button id="b3">隐藏</button> <p>p1</p> </body> </html>
JQuery获取内容及属性:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#btn1").click(function(){ alert($("#test").text()); }); $("#btn2").click(function(){ alert( $("#test").html()); }); $("#btn3").click(function(){ alert( $("#ipt").val()); }); $("#btn4").click(function(){ alert( $("#ipt").attr("value")); }); }); </script> </head> <body> <p id="test">pppppp <b>ppp</b> ppppp</p> <input id="ipt" value="China,USA"/> <button id="btn1">显示文本</button> <button id="btn2">显示HTML</button> <button id="btn3">显示VALUE</button> <button id="btn4">显示属性</button> </body>
JQuery load() 方法
$(selector).load(URL,data,callback);必需的 URL 参数规定您希望加载的 URL。
可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。
可选的 callback 参数是 load() 方法完成后所执行的函数名称。
JQuery get() 方法
$.get(URL,callback);必需的 URL 参数规定您希望请求的 URL。
可选的 callback 参数是请求成功后所执行的函数名。
JQuery post() 方法
$.post(URL,data,callback);必需的 URL 参数规定您希望请求的 URL。
可选的 data 参数规定连同请求发送的数据。
可选的 callback 参数是请求成功后所执行的函数名。
相关文章推荐
- jquery基本语法
- JQuery学习之一:概念与基本语法
- Jquery 模板插件 jquery.tmpl.js 的使用方法(1):基本语法,绑定,each循环,ajax获取json数据
- Jquery第三课 Javascript基本语法
- jquery 语法及基本使用
- jQuery 基本语法学习
- 【嘉兴东臣php】节点 ajax请求 jquery基本语法
- jQuery 基本语法总结(10)
- jQuery 基本语法
- jquery基本语法
- jQuery 基本语法学习
- jquery一些基本语法
- jquery简介及基本的语法知识
- jQuery 入门教程(2): 基本语法
- jQuery 基本语法
- jquery的选择器写法大全,基本语法
- jquery插件的基本语法
- jQuery 入门教程(2): 基本语法
- jQuery 入门教程(2): 基本语法
- jquery基本语法