jquery总结

最新推荐文章于 2022-03-25 20:03:35 发布

往生净土乘愿再来

最新推荐文章于 2022-03-25 20:03:35 发布

阅读量264

点赞数

本文链接：https://blog.csdn.net/liuqiaoying_lqy/article/details/81391214

版权

.ajaxSubmit
.getJson
JSON.parse()和JSON.stringify()区别

表达式Lambda
表达式位于 => 运算符右侧的 lambda 表达式称为“表达式 lambda”。表达式 lambda 会返回表达式的结果，并采用以下基本形式：

(input parameters) => expression
　　注意：仅当 lambda 只有一个输入参数时，括号才是可选的；否则括号是必需的。括号内的两个或更多输入参数使用逗号加以分隔：
1 (x, y) => x == y
1             //有时，编译器难以或无法推断输入类型。如果出现这种情况，你可以按以下示例中所示方式显式指定类型
2             (int x, string s) => s.Length > x
3             //使用空括号指定零个输入参数
4             () => SomeMethod()
customers.Where(c => c.City == "London");

学习 jQuery - 5 筛选和过滤器
http://www.cnblogs.com/haogj/archive/2008/07/01/1233551.html

jQuery 语法

jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。

基础语法是：$(selector).action()
?美元符号定义 jQuery
?选择符（selector）“查询”和“查找” HTML 元素
?jQuery 的 action() 执行对元素的操作

示例

$(this).hide() - 隐藏当前元素

$("p").hide() - 隐藏所有段落

$(".test").hide() - 隐藏所有 class="test" 的所有元素

$("#test").hide() - 隐藏所有 id="test" 的元素

提示：jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节，您将学习到更多有关选择器的语法。
---------
---jQuery 元素选择器--

jQuery 使用 CSS 选择器来选取 HTML 元素。

$("p") 选取 元素。

$("p.intro") 选取所有 class="intro" 的 元素。

$("p#demo") 选取所有 id="demo" 的 元素。

----更多的选择器实例
语法

描述

$(this) 当前 HTML 元素
$("p") 所有 元素
$("p.intro") 所有 class="intro" 的 元素
$(".intro") 所有 class="intro" 的元素
$("#intro") id="intro" 的元素
$("ul li:first") 每个 <ul> 的第一个 <li> 元素
$("[href$='.jpg']") 所有带有以 ".jpg" 结尾的属性值的 href 属性
$("div#intro .head") id="intro" 的 <div> 元素中的所有 class="head" 的元素

----------
jQuery 属性选择器

jQuery 使用 XPath 表达式来选择带有给定属性的元素。

$("[href]") 选取所有带有 href 属性的元素。

$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
--------
jQuery CSS 选择器

jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。

下面的例子把所有 p 元素的背景颜色更改为红色：

实例
$("p").css("background-color","red");
-----------
更多的选择器实例
语法
描述

------------
jQuery 事件

下面是 jQuery 中事件方法的一些例子：
Event 函数绑定函数至

$(document).ready(function) 将函数绑定到文档的就绪事件（当文档完成加载时）
$(selector).click(function) 触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件
$(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件
--jQuery HTML----------------
jQuery - 获得内容和属性

jQuery 拥有可操作 HTML 元素和属性的强大方法。

jQuery DOM 操作

jQuery 中非常重要的部分，就是操作 DOM 的能力。

jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。

提示：DOM = Document Object Model（文档对象模型）

DOM 定义访问 HTML 和 XML 文档的标准：

“W3C 文档对象模型独立于平台和语言的界面，允许程序和脚本动态访问和更新文档的内容、结构以及样式。”

获得内容 - text()、html() 以及 val()

三个简单实用的用于 DOM 操作的 jQuery 方法：
?text() - 设置或返回所选元素的文本内容
?html() - 设置或返回所选元素的内容（包括 HTML 标记）
?val() - 设置或返回表单字段的值
获取属性 - attr()
jQuery attr() 方法用于获取属性值。

设置内容 - text()、html() 以及 val()
我们将使用前一章中的三个相同的方法来设置内容：
?text() - 设置或返回所选元素的文本内容
?html() - 设置或返回所选元素的内容（包括 HTML 标记）
?val() - 设置或返回表单字段的值

text()、html() 以及 val() 的回调函数
上面的三个 jQuery 方法：text()、html() 以及 val()，同样拥有回调函数。回调函数由两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。

设置属性 - attr()
jQuery attr() 方法也用于设置/改变属性值。
--jQuery - AJAX get() 和 post() 方法--
--jQuery 参考手册-----
http://www.w3school.com.cn/jquery/jquery_dom_set.asp

https://www.douban.com/group/topic/89180887/?author=1#sep

jQuery中replace()方法
防止js注入，<变成<>变成>
s = str.replace(/>/g, "&");
str.replace(/(^\s*)|(\s*$)/g, "")
stringObject.replace( regexp/substr, replacement)

//编码
function html_encode(str)
{
 var s = "";
 if (str.length == 0) return "";
 s = str.replace(/&/g, ">");
 s = s.replace(/</g, "<");
 s = s.replace(/>/g, ">");
 s = s.replace(/ /g, " ");
 s = s.replace(/\'/g, "'");
 s = s.replace(/\"/g, """);
 s = s.replace(/\n/g, " ");
 return s;
}

//解码
function html_decode(str)
{
 var s = "";
 if (str.length == 0) return "";
 s = str.replace(/>/g, "&");
 s = s.replace(/</g, "<");
 s = s.replace(/>/g, ">");
 s = s.replace(/ /g, " ");
 s = s.replace(/'/g, "\'");
 s = s.replace(/"/g, "\"");
 s = s.replace(/ /g, "\n");
 return s;
}