当前位置:文档之家› JQuery学习笔记

JQuery学习笔记

JQuery学习笔记
JQuery学习笔记

JQuery 学习笔记
Prop 和 attr 方法的区别
大家都知道有的浏览器只要写 disabled,checked 就可以了,而有的要写成 disabled = “disabled”, checked=”checked”,比如用 attr(“checked”)获取 checkbox 的 checked 属性时选中的时候可以取到值,值 为”checked”但没选中获取值就是 undefined。 jq 提供新的方法“prop”来获取这些属性,就是来解决这个问题的,以前我们使用 attr 获取 checked 属性时返 回”checked”和”",现在使用 prop 方法获取属性则统一返回 true 和 false。 那么,什么时候使用 attr(),什么时候使用 prop()? 1.添加属性名称该属性就会生效应该使用 prop(); 2.是有 true,false 两个属性使用 prop(); 3.其他则使用 attr(); 项目中 jquery 升级的时候大家要注意这点!
用 data 方法给标签元素附加数据的时候其实并没有在标签层面反映出来,只是在标签的“挃针”上附加了一个 属性值
JQuery 就是 Ajax 框架的一种,它封装了很多方法,基本上我们找到页面元素,异步操作都没有任何问题.
文档就绪函数
您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中: $(document).ready(function(){
--- jQuery functions go here ----
}); 这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。 如果在文档没有完全加载之前就运行函数,操作可能失败。下面是两个具体的例子:
? ?
试图隐藏一个不存在的元素 获得未完全加载的图像的大小
jQuery 元素选择器
jQuery 使用 CSS 选择器来选取 HTML 元素。 $("p") 选取

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

元素。 $("p#demo") 选取 id="demo" 的第一个

元素。几乎不会用到

jQuery
属性选择器
href 属性的元素。
jQuery 使用 XPath 表达式来选择带有给定属性的元素。 $("[href]") 选取所有带有
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。 $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。 $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
jQuery 名称冲突
jQuery 使用 $ 符号作为 jQuery 的简介方式。 某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。 jQuery 使用名为 noConflict() 的方法来解决该问题。
var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。

5.jQuery 事件
下面是 jQuery 中事件方法的一些例子: Event 函数 $(document).ready(function) 绑定函数至 将函数绑定到文档的就绪事件(当文档完成加载 时) 触发或将函数绑定到被选元素的点击事件 触发或将函数绑定到被选元素的双击事件
$(selector).click(function) $(selector).dblclick(function)

$(selector).focus(function) $(selector).mouseover(function)
触发或将函数绑定到被选元素的获得焦点事件 触发或将函数绑定到被选元素的鼠标悬停事件
1.Dom 是文档对象模型,让开发人员随意访问 Html 元素。(DHTML) 2. $()表示构造一个 jq 对象,该对象有自己的方法, 标签

表示段落 $(“p”)表示所有段落

标签元素,$(“#p”)表示所有标签 id=p 的 元素。警察找 ID 3.$(exp) 这里 exp:字符串,一个查询表达式戒者一段 html。Oncick 方法中可以添加 javascript 的凼数名字,自劢找到执行
为空的时候获取选择器的内容
为 html(””) 时候置空
Jq 对象的 html()方法表示获取元素的内容,戒者可以用 html(”hello world ”)修改标签的内容。,加参数和丌带参数戔然丌同 追加 html 内容。 $(“被追加的”).appendTo(“p”) 标签字

This is a paragraph.

This is another paragraph.


方法 append 不乊效果相同。

jQuery 代码:
$("p").append("Hello");
结果:
[

I would like to say: Hello

]
注意诧法格式 hide()方法 https://www.doczj.com/doc/678147964.html,/jquery/effect_hide.asp
定义和用法
如果被选的元素已被显示,则隐藏该元素。 语法 selector 选择器 $(selector).hide(speed,callback) 参数 speed 描述 可选。规定元素从可见到隐藏的速度。默认为 "0"。 可能的值: ? 毫秒 (比如 1500) ? "slow" ? "normal" ? "fast" 在设置速度的情况下,元素从可见到隐藏的过程中,会逐渐地改变其高 度、宽度、外边距、内边距和透明度。 可选。hide 函数执行完之后,要执行的函数。 如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这 一章。 除非设置了 speed 参数,否则不能设置该参数。
callback
提示和注释
提示:如果元素已经是完全可见,则该效果不产生任何变化,除非规定了 callback 函数。

This is a paragraph.


6.ready() 函数定义和用法
当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件。 由于该事件在文档就绪后发生,因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。正如上 面的例子中那样。 ready() 函数规定当 ready 事件发生时执行的代码。 ready() 函数仅能用于当前文档,因此无需选择器。 允许使用以下三种语法: 语法 1 $(document).ready(function){。。。。。}
语法 2 $().ready(function)
语法 3 $(function) 参数 function 描述 必需。规定当文档加载后要运行的函数。
提示和注释

提示:ready() 函数不应与 一起使用。
对每一个元素选择相同的操作:


Foreach 遍历每一个标签,点击挄钮产生三个对话框!!!
实例

输出每个 li 元素的文本: $("button").click(function(){ $("li").each(function(){ alert($(this).text()) }); }); 亲自试一试
定义和用法
each() 方法规定为每个匹配元素规定运行的函数。 提示:返回 false 可用于及早停止循环。 语法
$(selector).each(function(index,element))
参数 描述 function(index,element) 必需。为每个匹配元素规定运行的函数。 ? index - 选择器的 index 位置 ? element - 当前的元素(也可使用 "this" 选择器)
each(callback) 以每一个匹配的元素作为上下文(this)来执行一个凼数。 意味着,每次执行传递迚来的凼数时,凼数中的 this 关键字都挃向一个丌同的 DOM 元 素(每次都是一个丌同的匹配元素)。而丏,在每次执行凼数时,都会给凼数传递一个 表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数(从零开始的

整形)。返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' 跳至下 一个循环(就像在普通的循环中使用'continue')。 而后面的 callback 则是回调凼数,挃示遍历元素的时候应该赋予的操作。先看下面的一 个简单的例子: 迭代两个图像,并设置它们的 src 属性。注意:此处 this 挃代的是 DOM 对象而非 jQuery 对象。 HTML 代码: 复制代码 代码如下: jQuery 代码: $("img").each(function(i){ this.src = "test" + i + ".jpg"; //this 表示每个标签名 img 的 dom 对象,并丏设置 src 属 性 ,使用的是拼接字符串。此时 jquery 对象 });
this 表示标签对象,需要用$(this)变为
结果:[ , ] 当然,在遍历元素的时候,jquery 是允许自定义跳出的,请看示例代码:你可以使用 'return' 来提前跳出 each() 循环。
详细出处参考:https://www.doczj.com/doc/678147964.html,/article/24581.htm
定义和用法
eq() 方法将匹配元素集缩减值指定 index 上的一个。 语法 .eq(index) 参数 描述

index
整数,指示元素的位置(最小为 0)。 如果是负数,则从集合中的最后一个元素往回计数。
详细说明 如果给定表示 DOM 元素集合的 jQuery 对象,.eq() 方法会用集合中的一个元素构造一个新的 jQuery 对象。所使用的 index 参数标示集合中元素的位置。 请看下面这个简单的列表:
用索引找到一个结果集合的某个


item item item item item
1 2 3 4 5


想要拿到某个对象的属性,戒者设置属性,
实例
改变图像的 width 属性: $("button").click(function(){ $("img"). }); 亲自试一试
attr("width","180");
定义和用法
attr() 方法设置或返回被选元素的属性值。 根据该方法不同的参数,其工作方式也有所差异。
返回属性值
返回被选元素的属性值。 语法 $(selector).attr(attribute)
参数 attribute
描述 规定要获取其值的属性。
以下是获取属性:::


使用函数来设置属性/值,可用函数提取当前的属性值
设置被选元素的属性和值。
语法 $(selector).attr(attribute,function(index,oldvalue)) 参数 attribute function(index,oldvalue) 描述 规定属性的名称。 规定返回属性值的函数。 该函数可接收并使用选择器的 index 值和当 前属性值。

$("img").attr("width",function(n,v){ return v-50;

/>


对同一个对象设置多个属性 $(selector).attr({attribute:value,
attribute:value ...})
注意 Html class 属性基本表示对象的处理代码块,戒者是 css 以下表示 css

Header 1


A paragraph.

请注意这个重要的段落。:)



将数据不显示分离。
text() 方法,丌带参数时候返回文本(丌带 html 标签),而 html()方法返回 整个内容,包括内部标签。带参数时候一样! jQuery 文档操作 - text() 方法
jQuery 文档操作参考手册
实例 设置所有


元素的内容:
$(".btn1").click(function(){ $("p").text("Hello });
world!");
$(".test").hide();表示所有标签的 class 属性是 test 的统统消失!


This is a heading

This is a paragraph.

This is another paragraph.


JQ 带括弧,模板引擎诧言丌带括弧,$!q.item
什么是 AJAX?
AJAX = Asynchronous JavaScript and XML. AJAX 是一种创建快速动态网页的技术。 AJAX 通过在后台与服务器交换少量数据的方式,允许网页进行异步更新。这意味着有 可能在不重载整个页面的情况下,对网页的一部分进行更新。 您可以在我们的
AJAX 教程 中学习更多有关 AJAX 的知识。
通过 jQuery AJAX,使用 HTTP Get 和 HTTP Post,您都可以从远程服务器请求 TXT、HTML、 XML 或 JSON。

而且您可以直接把远程数据载入网页的被选 HTML 元素中!
写的更少,做的更多
jQuery 的 load 函数是一种简单的(但很强大的)AJAX 函数。它的语法如下: $(selector).load(url,data,callback)
请使用 址。
selector
来定义要改变的 HTML 元素,使用
url 参数来指定数据的 web 地
亲自试一试 只有当您希望向服务器发送数据时,才需要使用 data 参数。只有当您需要在执行完毕之后触发一个 函数时,您才需要使用 callback 参数。

$('#myDiv').load('/jquery/test1.txt');

通过 AJAX 改变文本




绿色部分是服务器后台的路径,结果;
示例 从 test.js 载入 JSON 数据并显示 JSON 数据中一个 name 字段数据:
$.getJSON("test.js",
});
function(json){
alert("JSON Data: " + https://www.doczj.com/doc/678147964.html,ers[3].name);
jQuery 包装集是一个集合, 所以我们可以通过索引器访问其中的某一个元素: var domObject =
$("#testDiv")[0];
注意, 通过索引器返回的不再是 jQuery 包装集,
而是一个 Dom 对象!
如果我们要使用 jQuery 的方法操作 Dom 对象,怎么办? 用上面介绍过的转换方法即可: $("#testDiv").each(function() { $(this).html("修改内容") })
因为在 each 中 this 表示 dom 对象,丌是 jq 对象.需要用$()包装为一个 jq 对象 Jquery.post()
定义和用法

post() 方法通过 HTTP POST 请求从服务器载入数据。
语法 (发送的地址,发送的数据,回调函数,返回的类型)
jQuery.post(url,data,success(data, textStatus, jqXHR),dataType) 参数 描述 必需。规定把请求发送到哪个 URL。 可选。映射戒字符串值。规定连同请求发送到服务器的数据。 可选。请求成功时执行的回调凼数。 可选。规定预期的服务器响应的数据类型。
url data success(data, textStatus, jqXHR) dataType
默认执行智能判断(xml、json、script 戒 html)。
详细说明
该函数是简写的 Ajax 函数,等价于:
$.ajax({
//这个事原汁原味的 ajax 方法
type: 'POST', url: url, data: data, success: success, dataType: dataType });
根据响应的不同的 MIME 类型,传递给 success 回调函数的返回数据也有所不同,这些数据可以是 XML 根元素、文本字符串、JavaScript 文件或者 JSON 对象。也可向 success 回调函数传递响应的 文本状态。
trigger 触发事件,,在输入框后持续追加文本 after,apend 是替代


点击了很多次后的结果
触发事件
规定被选元素要触发的事件。
语法
$(selector).trigger(event,[param1,param2,...]) 亲自试一试
参数 描述
event
必需。规定指定元素要触发的事件。 可以使自定义事件(使用 bind() 函数来附加),或者任何标准事件。

[param1,param2,...]
可选。传递到事件处理程序的额外参数。 额外的参数对自定义事件特别有用。
可以先设定一个事件: 下面对亍两个 input 事件相同所以要用丌同的选择器

结果: 当然可以丌点击挄钮直接选中文本来追加文字

超完整JQUERY面试题及答案

一、Jquery测试题 下面哪种不是jquery的选择器?(单选) A、基本选择器 B、后代选择器 C、类选择器 D、进一步选择器 考点:jquery的选择器(C) 当DOM加载完成后要执行的函数,下面哪个是正确的?(单选) jQuery(expression,[context])B、jQuery(html,[ownerDocument])C、jQuery(callback)D、jQuery(elements) 考点:jquery的核心函数(C) 下面哪一个是用来追加到指定元素的末尾的?(单选) A、insertAfter() B、append() C、appendTo() D、after() 考点:jquery的核心函数(C) 下面哪一个不是jquery对象访问的方法?(单选) A、each(callback) B、size() C、index(subject) D、index() 考点:jquery的核心函数之对象访问(D) jquery访问对象中的size()方法的返回值和jQuery对象的_______属性一样. 考点:jquery的核心函数之对象访问(length) jquery中$(this).get(0)的写法和__________是等价的。 考点:jquery的核心函数之对象访问($(this)[0]) 7.有这样一个表单元素 ,想要找到这个hidden元素,下面哪个是正确的?(单选) A、visible B、hidden C、visible() D、hidden() 考点:jquery的选择器(B) 如果需要匹配包含文本的元素,用下面哪种来实现?(单选) A、text() B、contains() C、input() D、attr(name) 考点:jquery的选择器(B) 现有一个表格,如果想要匹配所有行数为偶数的,用________实现,奇数的用_______实现。 考点:jquery的选择器(even,odd) 如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素?(单选) A、text() B、get() C、eq() D、contents() 考点:jquery的选择器(C) 在一个表单里,想要找到指定元素的第一个元素用_________实现,那么第二个元素用_________实现。考点:jquery的选择器(first,eq(1))

Jquery测试题教学教材

J q u e r y测试题

1、HTML 代码: one

two
three jQuery 代码: $("div > p"); 结果:( A ) A、[ two ] B、[one ] C、[three ] D、[
two
] 2、HTML 代码:
DIV
SPAN P jQuery 代码: $("*") 结果:( D ) A、[
DIV
] B、[SPAN ] C、 [P ] D、[
DIV
, SPAN, P ] 3、HTML 代码:
div class="notMe"
div class="myClass"
span class="myClass" jQuery 代码: $(".myClass"); 结果:( D ) A、[
div class="notMe"
] B、[
div class="myClass"
] C、[span class="myClass"] D、[
div class="myClass"
, span class="myClass" ] 4、HTML 代码:
DIV1
DIV2
SPAN jQuery 代码: $("div"); 结果:( B ) A、[
DIV2
] B、[
DIV1
,
DIV2
] C、[
DIV1
] 5、HTML 代码:
id="notMe"
id="myDiv"
jQuery 代码: $("#myDiv"); 结果:( A ) A、[
id="myDiv"
] B、[id="notMe" ] C、[
id="notMe"
] D、[
id="notMe"
id="myDiv"
] 6、HTML 代码:
div

p class="myClass" span

p class="notMyClass" jQuery 代码: $("div,span,p.myClass") 结果:( A ) A、[

div
,

p class="myClass" , span ] B、[

p class="myClass" ] C、[

p class="notMyClass" ] D、[

div
] 7、HTML 代码:

JavaScript Jquery考试题

JavaScript / Jquery /ajax 测试题 共40题,每题2.5分,满分100 1.以下哪个不是javascript语言的特点:() A. 基于对象 B. 跨平台 C. 编译执行 D. 脚本语言 2.请看下列html代码:

hello 能使文本“hello”字体大小变成40px的jQuery代码是: A.$('div.s1').css('font-size','40px'); B.$( 'p.s1' ) .css ( 'font-size' , '40px' ); C.$('#s1').css('font-size','40px'); D.$('p#s1').css('font-size','40px'); 3. 下述html代码:给第二个

  • 设置字体颜色正确的是:
    • item1
    • item2
    • item3
    A.$( 'ul li:eq( 2 )' ) .cssStyle( 'color' , 'red' ) B.$('ul li:eq( 1 )') .cssStyle( 'color' ,'red') C. $( 'ul li:eq( 2 )' ) .css ( 'color' , 'red' ) D $( 'ul li:eq( 1 )' ) .css ( 'color' , 'red' ) 4、请看下列html代码和jQuery代码片段:
    1002
    1003

    jQuery基础教程第四版 第3章学习笔记

    本文由我司收集整编,推荐下载,如有疑问,请与我司联系 jQuery 基础教程第四版第3 章学习笔记 2017/08/30 114 第3 章 3.1 在页面加载后执行任务 3.1.1 代码执行的时机选择①当文档完全下载到浏览器中时,会触发window.onload 事件,意味着页面上的全部元素对于JavaScript 而言都是可以操作的。②通过(document).ready()注册的事件处理程序,则会在DOM 完全就绪并可以使用时调用。意味着所有元素对 脚本而言都是可以访问的,但是,却不意味着所有关联的文件都已经下载完毕。 3.1.2 基于一个页面执行多个脚本①.onload 属性一次只能保存对一个函数的引用,因此不能在现有的基础上再增加新行为。②每次调用(document).ready()方法时都会向内部的行为队列添加一个新函数,当页面加载完成后,所有的函数都会被执行。而且,这些函数会按照注册他们的顺序依次执行。 3.1.3 .ready()的简写形式①(document).ready()结构,实际上是基于document 这个DOM 元素构建而成的jQuery 对象上调用了.ready()方法。②(document).ready(){ //这里是代码……}); 可以简写成:$(function() { //这里是代码……} 3.1.4 向.ready()回调函数中传入参数 3.2 处理简单的事件 3.2.1 简单的样式转换器①在用户单击按钮时执行,需要引入.on()方法。通过这个方法,可以指定任何DOM 事件,并为该事件添加一 种行为。此时,事件是click。eg: (‘#switcher- large’).on(‘click’,function(){});3.2.2 启用其他按钮3.2.3 利用事件处理程序的上下 文①当触发任何事件处理程序时,关键字this 引用的都是携带相应行为的DOM 元素。通过在事件处理程序中使用(this),可以为相应的元素创建jQuery 对象,然后就如同使用CSS 选择符找到该元素一样对它进行操作。 3.2.4 使用事件上下文进一步减少代码上下文关键字this 引用的是DOM 元素,而不是jQuery 对象,因此可以使用原生的DOM 属性来确定被单击元素的ID。 3.2.5 简写的事件 3.2.6 显示和隐藏高级特性jQuery 的toggleClass()方法,能够根据相应的类是否存在而添加或删除类。 3.3 事件传播 3.3.1 事件的旅程①事件捕获:事件首先会交给最外层的元素,接着再交给更具体的元素。

    jQuery入门教程(很不错)

    jQuery入门[1]-构造函数 https://www.doczj.com/doc/678147964.html,/archive/2008/03/05/1091816.html jQuery优点 ?体积小(v1.2.3 15kb) ?丰富的DOM选择器(CSS1-3 + XPath) ?跨浏览器(IE6,FF,Safari,Opera) ?链式代码 ?强大的事件、样式支持 ?强大的AJAX功能 ?易于扩展,插件丰富 jQuery的构造函数接收四种类型的参数: jQuery(expression,context) jQuery(html) jQuery(elements) jQuery(fn) 第一种根据表达式(ID,DOM元素名,CSS表达式,XPath表达式)找出文档中的元素,并组装成一个jQuery对象返回。 DEMO: DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.doczj.com/doc/678147964.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd"> jQuery basic title> <style type="text/css"> .selected { background-color:Yellow; } style> <script src="../scripts/jquery-1.2.3.intellisense.js" type="text/javascript">script> head> <body> <h3>jQuery构造函数h3> <ul> <li>jQuery(expression,context)li> <li>jQuery(html)li> <li>jQuery(elements)li> <li>jQuery(fn)li> ul> <script type="text/javascript"></p><h2>Jquery面试题(修改版)-个人总结</h2><p>单选: 1、下面哪一种不属于Jquery的选择器。(D) A:基本选择器B:层次选择器 C:表单选择器D:节点选择器 2、使用jquery检查<input type="hidden" id="id" name="id" />元素在网页上是否存在。(B) A:if($("#id")) { //do someing... } B: if($("#id").length > 0) { //do someing... } C: if($("#id").length() > 0) { //do someing... } D: if($("#id").size > 0) { //do someing... } 3、<a href="xxx.jpg" title="温家宝出席学校...">新闻</a>,获取<a>元素title的属性值。(C) A:$("a").attr("title").val(); B:$("#a").attr("title"); C:$("a").attr("title"); D:$("a").attr("title").value; 4、执行下面语句 $(document).ready(function(){ $("#click").click(function(){ alert("click one time"); }); $("#click").click(function(){ alert("click two time"); });</p><p>}); 单击按钮<input type="button" id="click" value="点击我"/>,这个会有什么效果。(C) A:弹出一次对话框,显示click one time 。 B:弹出一次对话框,显示click two time 。 C:弹出两次对话框,依次显示click one time,click two time。D:js编译错误。 5、页面中有三个元素,如下:<div>div标签</div><span>span标签</span>p标签 ,如果这三个标签要触发同一个事件,那么正确的写法是(A)。 A:$("div,span,p").click(function(){ //…}); B:$("div || span || p").click(function(){ //…}); C:$("div + span + p").click(function(){ //…}); D:$("div ~ span ~ p").click(function(){ //…}); 6、页面中有一个select标签,代码如下: <select id="sel"> <option value="0">请选择</option> <option value="1">选项一</option> <option value="2">选项二</option> <option value="3">选项三</option> <option value="4">选项四</option> </select>,要使“选项四”选中的正确写法。(B)</p><h2>jquery测试题以及答案</h2><p>1.下面哪种说法是正确的? 您的回答:jQuery是JavaScript库 2.jQuery使用CSS选择器来选取元素? 您的回答:正确 3.jQuery的简写是? 您的回答:$符号 4.通过jQuery,选择器$("div")选取什么元素? 正确答案:所有div元素 5.jQuery是客户端脚本库,还是服务器端脚本库? 您的回答:客户端脚本 6.可以将jQuery与AJAX一起使用吗? 您的回答:Yes 7.jQuery html()方法适用于HTML和XML文档。 您的回答:错误 8.把所有p元素的背景色设置为红色的正确jQuery代码是?您的回答:$("p").css("background-color","red"); 9.通过jQuery,$("div.intro")能够选取的元素是? 正确答案:class="intro"的所有div元素 10.下面哪个jQuery方法用于隐藏被选元素? 您的回答:hide()</p><p>11.下面哪种jQuery方法用于设置被选元素的一个或多个样式属性?正确答案:css() 12.下面哪个jQuery方法用于执行异步HTTP请求? 您的回答:jQuery.ajax() 13.将所有div元素的高度设置为100像素的正确jQuery代码是?您的回答:$("div").height(100) 14.下面哪句话是正确的? 正确答案:如需使用jQuery,您能够引用Google的jQuery库 15.jQuery是通过哪种脚本语言编写的? 您的回答:JavaScript 16.下面哪个jQuery函数用于在文档结束加载之前阻止代码运行? 正确答案:$(document).ready() 17.哪个jQuery方法用于处理命名冲突? 正确答案:noConflict() 18.哪个jQuery方法用于添加或删除被选元素的一个或多个类? 正确答案:toggleClass() 19.$("div#intro .head")选择器选取哪些元素? 正确答案:id="intro"的首个div元素中的class="head"的所有元素 20.jQuery是W3C标准吗? 正确答案:No</p><h2>jQuery学习笔记</h2><p>第一章 一、$(document).ready(function(){ //do something }); 和window.onload的区别 1.前者同一页面可以使用多次,后者出现多次只有最后一次能正确显示 2.前者在DOM模型加载完成后就开始执行,后台在所有元素(包括图片)加载完成 后执行 3.前者可以简化为$(function(){ //do something }); 后者没有简写形式。 二、jQuery比较常使用的是链式操作,比如一个书目导航条: $(function(){ $(“ul”).click(function(){ $(this).addClass(“current”).children(“li”).slideDown().end().sublings().removeClass (“current”).children(“li”).slideUp(); }) }) 对于同一元素不超过3个操作的,一般写同一行,如果操作过多,可以将类似的操纵写成一行,便于阅读。 三、jQuery对象和DOM对象的转换 1.jQuery转化为DOM对象 Var $variable = $(“tr”); //jQuery object Var variable = $variable[0]; //DOM object The transpartent method. DomObject = jQueryObject[index] or = jQueryObject.get(index). 2.DOM Object To jQuery Object Var variable = getElementsByTagName(“tr”); //DOM object Var $variable = $(variable) // jQuery object; The transpartent method. jQueryObject = $(DomObject) 四、jQuery开发工具 1.Dreamweaver 可以安装插件提示jQuery 插件名称:jQuery_API.mxp 2.Aptana 功能非常强大的、开源、专注javascript和Ajax开发IDE; 3.Visual Studio 2008。想要安装插件之后才能提示jQuery</p><h2>jquery考试题(2020年九月整理).doc</h2><p>1.下面哪种不是jquery的选择器?(D) 2.A、基本选择器 B、后代选择器 C、类选择器 D、进一步选择器 3.当DOM加载完成后要执行的函数,下面哪个是正确的?(C) 4.A.jQuery(expression, [context]) B、jQuery(html, [ownerDocument]) C、jQuery(callback) D、jQuery(elements) 5.下面哪一个是用来追加到指定元素的末尾的?() 6.A、insertAfter() B、append() C、appendTo() D、after() 7.下面哪一个不是jquery对象访问的方法?(D) 8.A、each(callback) B、size() C、index(subject) D、index() 9.有这样一个表单元素,想要找到这个hidden元素,下面哪个是正确的?(B) 10.A、visible B、hidden C、visible() D、hidden() 11.如果需要匹配包含文本的元素,用下面哪种来实现?(B) 12.A、text() B、contains() C、input() D、attr(name) 13.如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素?(C) 14.A、text() B、get() C、eq() D、contents() 15.下面哪种不属于jquery的筛选?(B) 16.A、过滤 B、自动 C、查找 D、串联 17.如果想在一个指定的元素后添加内容,下面哪个是实现该功能的?(D) 18.A、append(content) B、appendTo(content) C、</p><h2>HTML5CSS3实战笔记</h2><p>HTML5+CSS3响应式布局笔记 第一章:HTML5,CSS3响应式布局入门 响应式布局:流式设计,弹性布局... 指针对任一设备对网页内容进行完美布局的一种显示机制。 视口:指浏览器窗口内的内容区域,不包含工具栏,标签栏等。 CSS3是在CSS2基础上按模块构建的,以CSS2.1标准为核心。 实现响应式设计的关键技术是CSS3—媒体查询。 响应式布局的条件:CSS3的媒体查询,流动布局。 原则:让设计在多平台多视口的情况下保留尽可能多的内容,而不是使用display:none隐藏它。 可以通过调整标签的先后顺序来显示大小屏内容顺序问题。 第二章:媒体查询,支持不同的视口 html4中的媒体查询: <link rel=“stylesheet” media=“screen and (orientation:portrait)” href=“xx.css”/> 加载CSS的四种方法:行内,内链,外链,import。其中import会增加css请求,影响速度。@import url(“phone.css”) screen and (max-width: 媒体查询可以检测到如下特性,但最常用的是视口宽度(width)和屏幕宽度(device-width): width:视口宽度。 height:视口高度。 device-width:屏幕宽度。 device-height:屏幕高度。 orientation:检查设备处于横向还是纵向。 aspect-ratio:基于视口宽度和高度的宽高比。如16:9写为aspect-ratio:16/9. device-aspect-ratio:设备屏幕的高宽比。 color:每种颜色的位数。例如min-color:16会检测设备是否拥有16位颜色。 color-index:设备的颜色索引表中的颜色数。值为非负整数。 monochrome:检测单色帧缓冲区中每像素所使用的位数。值为非负整数,比如 monochrome:2。 resolution:用来检测屏幕或打印机的分辨率。如min-resolution:300dpi或 min-resolution:300dpcm。 scan:电视机的扫描方式,值可设为progressive(逐行扫描)或interlace(隔行扫描)。 grid:用来检测输出设备是网格设备还是位图设备。 以上除了scan和grid都可以使用min,max创建一个查询范围。 Respond.js(https://https://www.doczj.com/doc/678147964.html,/scottjehl/Respond)是为Internet Explorer 8 及更低版本增加媒体查询支持的最快的JavaScript 工具,但它目前无法解析CSS 的@import</p><h2>jquery考试题</h2><p>1.下面哪种不是jquery的选择器(D) 2.A、基本选择器 B、后代选择器 C、类选择器 D、进一步选择器 3.当DOM加载完成后要执行的函数,下面哪个是正确的(C) 4.(expression, [context]) B、jQuery(html, [ownerDocument]) C、jQuery(callback) D、jQuery(elements) 5.下面哪一个是用来追加到指定元素的末尾的() 6.A、insertAfter() B、append() C、appendTo() D、after() 7.下面哪一个不是jquery对象访问的方法(D) 8.A、each(callback) B、size() C、index(subject) D、index() 9.有这样一个表单元素,想要找到这个hidden元素,下面哪个是正确的(B) 10.A、visible B、hidden C、visible() D、hidden() 11.如果需要匹配包含文本的元素,用下面哪种来实现(B) 12.A、text() B、contains() C、input() D、attr(name) 13.如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素(C) 14.A、text() B、get() C、eq() D、contents() 15.下面哪种不属于jquery的筛选(B) 16.A、过滤 B、自动 C、查找 D、串联 17.如果想在一个指定的元素后添加内容,下面哪个是实现该功能的(D) 18.A、append(content) B、appendTo(content) C、</p><h2>黑马程序员WEB04-JQuery篇笔记</h2><p>第4章WEB04- JQuery篇 1.1使用JQuery完成定时弹出广告:1.1.1需求: 之前使用的JS的方式完成定时弹出广告,现在使用JQuery完成同样的效果: 1.1.2分析 1.1. 2.1技术分析: 【JQuery的概述】 什么是JQuery: JQuery是一个JS的框架(JS的类库).对传统的JS进行了封装. 现在企业的开发中往往不会使用传统的JS进行开发,通常都会使用JS框架进行开发. JS的常用的框架:</p><p>JQuery,ExtJS,DWR,Prototype... JQ的使用: 学习JQuery的语法. 【JQuery的入门】 引入Jquery的js文件. <script src="../../js/jquery-1.11.3.min.js"></script> JQuery的入口函数: // 传统的JS的方式:页面加载的事件只能执行一次. /*window.onload = function(){ alert("aaa"); } window.onload = function(){ alert("bbb"); }*/ // JQuery的方式:相当于页面加载的事件,可以执行多次.效率比window.onload要高. // window.onload 等页面加载完成后执行该方法. // $(function(){}):等页面的DOM树绘制完成后进行执行. // $相当于JQuery $(function(){ alert("aaa"); }); $(function(){ alert("bbb"); }); 【JS对象和JQ对象的转换】 window.onload = function(){ // 传统JS方式: var d1 = document.getElementById("d1"); // JS对象的属性和方法: // d1.innerHTML = "JS对象的属性"; // d1.html("aaaaaa"); // 将JS对象转成JQ的对象. $(d1).html("JS对象转成JQ对象"); } $(function(){ var $d1 = $("#d1"); // $d1.html("JQ对象的属性"); // 转成JS的对象:</p><h2>easyUI学习笔记</h2><p>esayUI 前端开发:企业中java工程师,大多不擅于HTML+CSS 网页布局设计,门户网站(由前端工程师设计),企业内部应用软件(java工程师,选择前端UI框架ExtJS 、Flex 、Easy UI ) ---------------------- Easy UI 学习成本非常低 easyui 最新版本1.3.4,bos开发使用1.3.2版本 ExtJS 2.x 免费,3.x 开始收费 Easy ui 1.2.3版本开始收费 问题:为什么你不用ExtJS ? easy ui 学习成本低,很容易在项目中集成使用,ExtJS 学习成本高昂 EasyUI+tutorial.CHM 官方demo例子 jQuery_EasyUI.doc demo例子 EasyUI-API+1.3.2.chm 中文api jquery.EasyUI-1.3.1+API.chm 英文api jquery-easyui-1.3.2.zip 框架开发包 目录结构分析 demo 示例 locale 国际化信息文件(默认英文提示信息)</p><p>plugins 框架功能js文件 src 源码 themes 主题样式 自带5套主题,icons 图标文件 easyloader.js 核心加载器(加载plugins 功能js) jquery-1.8.0.min.js jquery开发js文件 jquery.easyui.min.js easy ui 框架功能js合集 jquery.easyui.min.js == easyloader.js + plugins/* 1.如何在页面中使用easy ui ? 引入四个文件 <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/easyui/themes/icon.css"> <script type="text/javascript" src="${pageContext.request.contextPath}/js/easyui/jquery-1.8.3.js"></script> <script type="text/javascript" src="${pageContext.request.contextPath}/js/easyui/jquery.easyui.min.js"></script> 2、学习使用easy ui 布局功能 layout 布局控件使用 将body、div 分成东西南北中,五个部分 <body class="easyui-layout"> <div region="north"style="height: 100px" title="北部面板">北部 </div> <div data-options="region:'south',title:'南部面板'"style="height:</p><h2>EasyUI 学习笔记</h2><p>EasyUI 学习笔记 1.class="easyui-datagrid" 用于列表展示 2.注释:图中有标有绿色字体的是在图片中显示的图片的样式,比如添加,删除,修改,保存,取消。 把jquery easyui下载好之后,一般引用下页几个文件 引入样式代码如下: <link href="https://www.doczj.com/doc/678147964.html,/Resources/easyui/css/default.css" rel="style sheet" type="text/css" /> <link href="https://www.doczj.com/doc/678147964.html,/Resources/easyui/js/themes/default/ea syui.css" rel="stylesheet" type="text/css" /> //页面图标样式 <link href="https://www.doczj.com/doc/678147964.html,/Resources/easyui/js/themes/icon.css" rel="stylesheet" type="text/css" /></p><p><script src="https://www.doczj.com/doc/678147964.html,/Resources/easyui/js/jquery-1.7.2.min. js" type="text/javascript"></script> //jquery easyui主要的js <script src="https://www.doczj.com/doc/678147964.html,/Resources/easyui/js/jquery.easyui.mi n.js" type="text/javascript"></script> 列表展示数据 代码如下: <table id="dg" title="My Users" class="easyui-datagrid" style="width: 700px; he ight: 250px" url="https://www.doczj.com/doc/678147964.html,/GetJson/CreateJson.aspx" toolbar="#t oolbar" pagination="true" rownumbers="true" fitcolumns="true" singleselect="true"> <thead> <tr> <th field="AccountCode" width="50"> 编号 </th> <th field="AccountName" width="50"> 卡名 </th> <th field="AccountPwd" width="50"> 密码</p><h2>MVC,DOM及jQUERY考试题库</h2><p>1.下面关于https://www.doczj.com/doc/678147964.html,和三层架构的描述正确的是(a )。 A、https://www.doczj.com/doc/678147964.html, MVC相当于三层中的表现层 B、https://www.doczj.com/doc/678147964.html, MVC和三层不能结合使用 C、https://www.doczj.com/doc/678147964.html, MVC相当于三层中的数据访问层 D、https://www.doczj.com/doc/678147964.html, MVC相当于三层中的业务逻辑层 2.让控件不可见的属性是以下哪一个( d )。 A. Cursor B. Enabled C. Dock D. Visible 3.下面关于cookie描述错误的是哪个( d )。 A、Cookie是一小段文本 B、Cookie可以禁用Cookie C、用户可以自己删除网站的Cookie D、Cookie永远不会销毁 4.下面对MVC模式描述错误的是( d )。 A、强制性的使应用程序的输入,处理和输出分开 B、M和V实现了代码分离,从而是同一个应用程序可以使用不同的表现形式 C、C存在的目的是确保M和V同步 D、MVC三个组件没有什么关系 5.关于类成员访问控制权限正确的是(a ) A、public能被所有类访问 B、protected能被所有类访问 C、private 能被同一文件中的其它类访问 D、internal能被所有类访问 6.如果在配置文件中禁用了Session,Session会在哪里显示(b )。 A、Cookie B、地址栏中 C、隐藏控件 D、不会显示 7.下面关于抽象方法描述正确的是( b )。 A、可以有方法体 B、不能方法体 C、可以出现在非抽象类中 D、抽象类中的方法都是抽象方法 8.关于多态的说法正确的是( a )。 A、虚方法可以实现多态 B、多态就是一个父类可以有多个子类 C、多态与程序的扩展性无关 D、多态不是面向对象的特点 9.下列说法哪个正确( b )。 A、允许一个子类有多个父类 B、某个类是一个类的子类,它仍有可能 成为另一个类的父类 C、一个父类只能有一个子类 D、继承关系最多不能超过4层 10.下面关于缓存的描述正确的是( c )。 A、建议再缓存中放置大量数据 B、在数据改变后缓存无法及时更新 C、可以定时更新缓存 D、缓存不可以和外部文件建立关联 11.关于Jquery和事件链接的说法错误的是( c )。 A、Jquery支持事件链接 B、Jquery只支持两级事件链接 C、Jquery不支持事件链接 D、事件链接可以简化我们的代码 12.Jquery的基本功能不包括(d ) A、访问和操作DOM元素 B、控制页面样式 C、内置大量动画效果 D、具有强大的图标能力 13.选择器“$('#but')”是根据( b )匹配元素的。 A、元素名称 B、元素Id</p><h2>JQuery基础、选择器</h2><p>jQuery入门 什么是jQuery jQuery是一个JavaScript库,通过封装原生的JavaScript函数得到一整套定义好的方法。它是JohnResig于2006年创建的一个开源项目,随着越来越多开发者的加入,jQuery已经集成了JavaScript、CSS、DOM和Ajax于一体的强大功能。以最少的代码,完成更多复杂而困难的功能,从而得到了开发者的青睐。 主旨:以更少的代码、实现更多的功能(write less ,do more!) 官网:https://www.doczj.com/doc/678147964.html,/ jQuery的功能和优势 jQuery作为JavaScript封装的库,它的目的就是为了简化开发者使用JavaScript。主要功能有以下几点: 像CSS那样访问和操作DOM; 修改CSS控制页面外观; 简化JavaScript代码操作; 事件处理更加容易; 各种动画效果使用方便; 让Ajax技术更加完美; 基于jQuery大量插件; 自行扩展功能插件。 jQuery最大的优势,就是特别的方便。比如模仿CSS获取DOM,比原生的JavaScript</p><p>要方便太多。并且在多个CSS设置上的集中处理非常舒服,而最常用的CSS功能又封装到单独的方法。 最重要的是jQuery的代码兼容性非常好,你不需要总是头疼着考虑不同浏览器的兼容问题。 其他JavaScript库 目前除了jQuery,还有5个JS库较为流行,他们分别是YUI、Prototype、Mootools、Dojo和ExtJS。 YUI,是雅虎公司开发的一套完备的、扩展性良好的富交互网页工具集。 Prototype,是最早成型的JavaScript库之一,对JavaScript内置对象做了大量的扩展。 Dojo,Dojo强大之处在于提供了其他库没有的功能。离线存储、图标组件等等。 Mootools,轻量、简洁、模块化和面向对象的JavaScript框架。 ExtJS,简称Ext,原本是对YUI的一个扩展,主要创建前端用户界面。(付费的) jQuery代码的编写 配置jQuery环境 1、获取jQuery最新版本 从官网下载:https://www.doczj.com/doc/678147964.html,/ 3、jQuery环境配置 jQuery不需要安装,把下载的jQuery.js放到网站上的一个公共位置,想要在某个页面上使用jQuery时,只需在该HTML文档中引入该库文件即可。 4、在页面中引入jQuery 由于jQuery是JavaScript的一个库文件,也就是jQuery本质是一个.js文件,所以使用<script type=”text/javascript” src=”jQuery存放的路径”></script>引入。 简单的jQuery示例</p><h2>常见WEB安全漏洞及整改建议</h2><p>常见WEB安全漏洞及整改建议 1. HTML表单没有CSRF保护 1.1 问题描述: CSRF(Cross-site request forgery),中文名称:跨站请求伪造,也被称为:one click attack/session riding,缩写为:CSRF/XSRF。 CSRF攻击:攻击者盗用了你的身份,以你的名义发送恶意请求。CSRF能够做的事情包括:以你名义发送邮件,发消息,盗取你的账号,甚至于购买商品,虚拟货币转账……造成的问题包括:个人隐私泄露以及财产安全。 1.2 整改建议: CSRF的防御可以从服务端和客户端两方面着手,防御效果是从服务端着手效果比较好,现在一般的CSRF防御也都在服务端进行。有以下三种方法: (1).Cookie Hashing(所有表单都包含同一个伪随机值): (2).验证码 (3).One-Time Tokens(不同的表单包含一个不同的伪随机值) 1.3 案例: 1.服务端进行CSRF防御 服务端的CSRF方式方法很多样,但总的思想都是一致的,就是在客户端页面增加伪随机数。 1.3.1 Cookie Hashing(所有表单都包含同一个伪随机值): 这可能是最简单的解决方案了,因为攻击者不能获得第三方的Cookie(理论上),所以表单中的数据也就构造失败.</p><p>//构造加密的Cookie信息 $value = “DefenseSCRF”; setcookie(”cookie”, $value, time()+3600); ?> 在表单里增加Hash值,以认证这确实是用户发送的请求。 $hash = md5($_COOKIE['cookie']); ?> ”> 然后在服务器端进行Hash值验证 if(isset($_POST['check'])) { $hash = md5($_COOKIE['cookie']); if($_POST['check'] == $hash) { doJob(); } else {</p><h2>jquery考试题</h2><p>1.下面哪种不是j q u e r y的选择器?(D) A、基本选择器 B、后代选择器 C、类选择器 D、进一步选择器 2.当D O M加载完成后要执行的函数,下面哪个是正确的?(C) A.j Q u e r y(e x p r e s s i o n,[c o n t e x t]) B、j Q u e r y(h t m l,[o w n e r D o c u m e n t]) C、j Q u e r y(c a l l b a c k) D、j Q u e r y(e l e m e n t s) 3.下面哪一个是用来追加到指定元素的末尾的?() A、i n s e r t A f t e r() B、a p p e n d() C、 a p p e n d T o()D、a f t e r() 4.下面哪一个不是j q u e r y对象访问的方法?(D) A、e a c h(c a l l b a c k) B、s i z e() C、 i n d e x(s u b j e c t)D、i n d e x() 5.有这样一个表单元素,想要找到这个h i d d e n元素,下面哪个是正确的?(B) A、v i s i b l e B、h i d d e n C、v i s i b l e() D、h i d d e n() 6.如果需要匹配包含文本的元素,用下面哪种来实现?(B) A、t e x t() B、c o n t a i n s() C、i n p u t() D、a t t r(n a m e) 7.如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素?(C)</p> <div> <div>相关主题</div> <div class="relatedtopic"> <div id="tabs-section" class="tabs"> <ul class="tab-head"> <li id="23240213"><a href="/topic/23240213/" target="_blank">jquery学习笔记</a></li> <li id="12698152"><a href="/topic/12698152/" target="_blank">jquery考试</a></li> <li id="4367237"><a href="/topic/4367237/" target="_blank">jquery考试题</a></li> <li id="16088409"><a href="/topic/16088409/" target="_blank">jquery笔记</a></li> <li id="21909856"><a href="/topic/21909856/" target="_blank">jquery基础</a></li> </ul> </div> </div> </div> <div class="container"> <div>文本预览</div> <div class="textcontent"> </div> </div> </div> <div class="category"> <span class="navname">相关文档</span> <ul class="lista"> <li><a href="/doc/1815194433.html" target="_blank">jQuery基础教程第四版 第3章学习笔记</a></li> <li><a href="/doc/485892904.html" target="_blank">jquery学习笔记-韩顺平</a></li> <li><a href="/doc/8914173692.html" target="_blank">Java相关课程系列笔记之十二jQuery学习笔记(建议用WPS打开)</a></li> <li><a href="/doc/b1480400.html" target="_blank">JQUERY学习知识重点</a></li> <li><a href="/doc/041430930.html" target="_blank">web前端学习笔记</a></li> <li><a href="/doc/ff1836866.html" target="_blank">jQuery 学习总结</a></li> <li><a href="/doc/2018189518.html" target="_blank">黑马程序员WEB04-JQuery篇笔记</a></li> <li><a href="/doc/7818472594.html" target="_blank">EasyUI 学习笔记汇总</a></li> <li><a href="/doc/9e12844456.html" target="_blank">JQuery笔记整理</a></li> <li><a href="/doc/cf5507124.html" target="_blank">javascript和jquery笔记</a></li> <li><a href="/doc/0918760374.html" target="_blank">JavaScript学习笔记</a></li> <li><a href="/doc/fc14312343.html" target="_blank">JQuery的学习和使用</a></li> <li><a href="/doc/3110581149.html" target="_blank">jQuery笔记整理</a></li> <li><a href="/doc/806518798.html" target="_blank">jquery学习总结(超级详细)</a></li> <li><a href="/doc/a816087886.html" target="_blank">JQUERY学习总结</a></li> <li><a href="/doc/d814992425.html" target="_blank">jQuery学习之ajaxSetup值列表</a></li> <li><a href="/doc/2117955647.html" target="_blank">jquery学习总结(超级详细)</a></li> <li><a href="/doc/7516208863.html" target="_blank">JqueryMobile学习笔记</a></li> <li><a href="/doc/9e7945378.html" target="_blank">jquery学习总结(超级详细)</a></li> <li><a href="/doc/b76178594.html" target="_blank">jQuery简单学习手册</a></li> </ul> <span class="navname">最新文档</span> <ul class="lista"> <li><a href="/doc/0619509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li> <li><a href="/doc/0a19509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li> <li><a href="/doc/9619184372.html" target="_blank">自然教育课件</a></li> <li><a href="/doc/3319258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li> <li><a href="/doc/d719211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li> <li><a href="/doc/a519240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li> <li><a href="/doc/9019184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li> <li><a href="/doc/8819195909.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/8319195910.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/7b19336998.html" target="_blank">高中语文基础知识点总结大全</a></li> <li><a href="/doc/7019336999.html" target="_blank">超详细的高中语文知识点归纳</a></li> <li><a href="/doc/6819035160.html" target="_blank">高考语文知识点总结高中</a></li> <li><a href="/doc/6819035161.html" target="_blank">高中语文知识点总结归纳</a></li> <li><a href="/doc/4219232289.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/3b19258758.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/2a19396978.html" target="_blank">高中语文知识点归纳(大全)</a></li> <li><a href="/doc/2c19396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li> <li><a href="/doc/1619338136.html" target="_blank">高中语文基础知识点整理</a></li> <li><a href="/doc/e619066069.html" target="_blank">化工厂应急预案</a></li> <li><a href="/doc/b019159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li> </ul> </div> </div> <script> var sdocid = "66e377f5c8d376eeaeaa31db"; </script> <script type="text/javascript">bdtj();</script> <footer class="footer"> <p><a href="/tousu.html" target="_blank">侵权投诉</a> © 2022 www.doczj.com <a href="/sitemap.html">网站地图</a></p> <p> <a href="https://beian.miit.gov.cn" target="_blank">闽ICP备18022250号-1</a>  本站资源均为网友上传分享,本站仅负责分类整理,如有任何问题可通过上方投诉通道反馈 <script type="text/javascript">foot();</script> </p> </footer> </body> </html>