jQuery常用小知识学习

=Start=

缘由：

今天看到了阿里云社区上爆出的sudo本地提权漏洞，顺便逛了一下论坛里的其它帖子，发现他们在漏洞信息的总结、整理、公告方面是国内比较领先的，就想着按照他们总结、统计出来的漏洞列表对公司内部使用的系统/软件进行排查，既全面又省事。

观察发现他们的「漏洞公告」信息是有一个统一的命名格式的：

在「安全漏洞公告专区」页面中，标题包含有「【漏洞公告】」的帖子。

这时，我有几种方式对其中的内容进行统计，比如：

方法一（Google大法）：

site:bbs.aliyun.com 安全漏洞公告专区
site:bbs.aliyun.com 【漏洞公告】

方法二（jQuery大法）：

打开「安全漏洞公告专区」页面，然后用浏览器的console进行帖子标题、URL、创建时间的提取

方法三（站内搜索）：

试了试，效果不太好（因为没有登录的原因？）

正文：

参考解答：

这里主要记录一下我在Chrome浏览器下用jQuery提取相关信息的过程，方便以后在碰到类似情况时有个参考。

1.分析、定位

浏览器打开「安全漏洞公告专区」页面，然后将鼠标放在「【漏洞公告】CVE-2017-1000367:Sudo本地提权漏洞」贴子标题上「右键 – 检查」，看是否存在一些容易定位该item的特征，发现该类<a>元素都有「class=”subject_t f14“」标识，至此，过滤条件确定了。接下来用js实现定位和过滤。

2.jQuery的selector

jQuery 选择器
http://www.w3school.com.cn/jquery/jquery_selectors.asp

jQuery中如何选择class名称中包含有「空格」的元素？
https://stackoverflow.com/questions/1988483/jquery-selector-classname-with-space

情况：
<div class="panel current">
对应：
$("div.panel.current")
所以：
<a ... class="subject_t f14" ...>
对应：
$("a.subject_t.f14") // 或 $(".subject_t.f14")

用selector选好了之后，如何循环对选中的元素进行处理？
https://stackoverflow.com/questions/17717205/how-to-iterate-a-result-of-jquery-selector
https://stackoverflow.com/questions/4735342/jquery-to-loop-through-elements-with-the-same-class

$(".subject_t.f14").each(function() {
console.log(this.href);
});
// 或
$(".subject_t.f14").each(function(index, elem){
console.log("I am " + index + "th element.", elem.href);
});

JavaScript中如何进行字符串包含的测试？
https://stackoverflow.com/questions/1789945/how-to-check-whether-a-string-contains-a-substring-in-javascript
https://stackoverflow.com/questions/3480771/how-do-i-check-if-string-contains-substring

var string = "foo", substring = "oo";
string.indexOf(substring) !== -1;

JavaScript Break 和 Continue 语句
http://www.w3school.com.cn/js/js_break.asp

JavaScript中如何根据指定分隔符对字符串进行切分？
https://stackoverflow.com/questions/96428/how-do-i-split-a-string-breaking-at-a-particular-character

this.href // "https://bbs.aliyun.com/read/317299.html?spm=5176.bbsl215.0.0.JK5qhJ"

this.href.split('?spm=')[0] // "https://bbs.aliyun.com/read/317299.html"

3.其它

在浏览器的 console 中如何判断 jQuery 是否已经加载？以及 ‘$’ 是否可用？
https://stackoverflow.com/questions/1828237/check-if-jquery-has-been-loaded-then-load-it-if-false

typeof $
var tests = $("a");
//
typeof jQuery
var tests = jQuery("a");

参考链接：

=END=

31 5 月, 2017

Docker

KnowledgeBase, Programing, Security, Tools

javascript, jQuery, 漏洞公告