文档库
文档库 最新最全的文档下载
当前位置：文档库 › jquery基础知识总结

jquery基础知识总结

jquery基础知识总结
jquery基础知识总结

$(document).ready()

打开一个网页，如果 HTML 没有完全加载完毕，就去操作页面中元素是不安全的，但是监测 HTML 是否加载完毕呢？jQuery 提供了一

个 $(document).ready() 方法，任何 ready 中的代码在 HTML 完全加载完成后才会被执行。

?

1 2 3 $(document).ready(function () {

console.log('ready!');

});

此外，它还有一个简写方式

?

1 2 3 $(function () {

console.log('ready!');

});

$(document).ready() 中并非只能执行匿名方法，执行一个已命名的方法也是可以的： ?

1 2 3 4 function readyFn() {

// code to run when the document is ready

}

$(document).ready(readyFn);

选择元素

jQuery 最基本的概念就是“选择一些元素，然后对它们做一些事情”。jQuery 支持大多数的 CSS3 选择器，另外还有一些非标准的选择器，详情见

https://www.wendangku.net/doc/4f16463451.html,/category/selectors/，下面是一些常见选择器的用法：

?

1 2 3 4 5 6 7 8 9 10 11 $('#myId'); // 此 ID 在页面中必须唯一

$('div.myClass'); // 如果指定了元素类型，那么性能会有所提升 $('input[name=first_name]'); // 速度有点慢，尽量避免这种用法

$('#contents ul.people li');

$('a.external:first');

$('tr:odd');

$('#myForm :input'); // 选择表单中的所有 input 类元素

$('div:visible');

$('div:gt(2)'); // 页面中除了前 3 个 DIV 之外的所有 DIV $('div:animated'); // 所有正在执行动画的 DIV

需要注意的地方

当使用 :visible 和 :hidden 这种伪选择器的时候，jQuery 实际上是去检测他们在页面中是否可见，还不是它们 css 中的 display 的值。也就是说，当一个元素在页面正的物理宽度和高度都大于 0，那么它就是可见的。但是 例外，jQuery 会根据 元素的 CSS 中 display 属性去判断元素是否可见。 jQuery 的具体实现方式可以参考一下代码： ?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 jQuery.expr.filters.hidden = function ( elem ) {

var width = elem.offsetWidth, height = elem.offsetHeight,

skip = elem.nodeName.toLowerCase() === "tr";

// does the element have 0 height, 0 width,

// and it's not a ?

return width === 0 && height === 0 && !skip ?

// then it must be hidden

true :

// but if it has width and height

// and it's not a

width > 0 && height > 0 && !skip ?

// then it must be visible

17

18

19

20

21

22

23

24

25

26

27

28 false:

// if we get here, the element has width // and height, but it's also a ,

// so check its display property to

// decide whether it's hidden

jQuery.curCSS(elem, "display") === "none";

};

jQuery.expr.filters.visible = function( elem ) {

return!jQuery.expr.filters.hidden( elem );

};

选择器结果集中是否包含有元素

执行了一个选择器之后，如何判断选择器是否选择到了元素，可能会想当然的写下：

?

1 i f($('div.foo')) { ... }

其实这样写是不对的，因为不管选择器是否选择到元素，它都会返回一个对象，对象的布尔值肯定为true，所以，所以此方法是行不通的。其实选择器返回对象中有一个length属性，通过这个属性，可以确定选择器中到底有几个元素，如果里面一个元素都没选择到，那么返回0-false，如果选择到了元素，返回元素的实际数目-true。

?

1 i f($('div.foo').length) { ... }

给选择器做个缓存

每做一次选择器，jQuery 都要执行很多代码，如果你需要多次使用相同的一个选择器，最好给选择器做个缓存，以避免重复执行选择器。

?

1 v ar $divs = $('div');

注意，此段代码中用作缓存变量的变量名以 $ 开头，这个美元符号在 JavaScript 中仅仅是一个普通的字符，没有其它特殊意义，这里使用 $ 开头，也仅仅是一个约定俗成的习惯，并非强制要求。

一旦选择器被缓存到变量中，就可以在变量中调用 jQuery 的方法了，跟调用选择器没什么两样。

另外还需要注意的是，选择器只能选择页面当前中的元素，如果在执行了选择器后又往页面中添加元素，那么后天加的元素并没有包含在之前的选择器中，除非往页面中添加元素后再次执行选择器。

带有过滤功能的选择器

有时候执行一个选择器之后，并非结果集中的所有元素都是我们想要的，那么就需要对结果集再进行一次过滤： ?

1 2 3 4 5 $('div.foo').has('p'); // 所有包含有

的 div.foo

$('h1').not('.bar'); // 没有被标记 bar 这个类的 h1 元素 $('ul li').filter('.current'); // 带有类 current 的无序列表

$('ul li').first(); // 无序列表中的第一个元素

$('ul li').eq(5); // 第六个

选择表单元素

jQuery 提供了一些伪选择器来选择表单元素，非常有用。

:button 选择按钮

:checkbox 选择多选框

:checked 选择被选中的表单元素

:disabled 选择被禁用的表单元素

:enabled 选择被启用的表单元素

:file 选择 type="file" 的表单元素

:image 选择 type="image" 的表单元素

?

1 $('#myForm :input'); // 选择所有可输入的表单元素

如何使用选择器

执行了选择器之后，就可以调用选择器中的方法了。这些方法分为两类：getter 和 setter ，getter 返回结果集中第一个元素的属性，setter 可以设置结果集中所有元素的属性。

链式操作

jQuery 选择器中的大多数方法都会返回的都是 jQuery 对象本身，所以在调用一个方法后，可以继续在这个方法上继续调用其它方法，犹如连招一般： ?

1 $('#content').find('h3').eq(2).html('new text for the third h3!'); 对于链式操作而言，保持代码的可读性很重要： ?

1 2 $('#content')

.find('h3')

3 4 .eq(2)

.html('new text for the third h3!');

如果再链式操作中，选择器中的元素有所变化，那么可以用 $.fn.end 方法返回到最初的结果集： ?

1 2 3 4 5 6 7 $('#content')

.find('h3')

.eq(2) .html('new text for the third h3!')

.end() // 返回最初的结果集

.eq(0)

.html('new text for the first h3!');

jQuery 对有些方法进行了“重载”，所有对某元素赋值或取值的时候所用的方法名是一样的，只是参数列表不同。当用 jQuery 方法对元素赋值的时候，它称为 setter ，取值的时候称为 getter 。setter 会对选择器中的所有所有元素赋值，getter 只取得选择器中第一个元素的值。

?

1 2 $('h1').html('hello world'); // setter

var str = $('h1').html(); // getter

setter 返回的是 jQuery 对象，可以继续在这个对象上调用 jQuery 方法（链式操作），getter 仅放回我们想要的值，返回值不是 jQuery 对象，所以不能继续链式操作了。

jQuery 操作 CSS

jQuery 可以很方便的设置或取得元素的 CSS 属性。

CSS 属性如果要想在 JavaScript 中使用，多要转换成骆驼命名法（camel cased ），例如 CSS 中的 font-size 属性，在 JavaScript 中对应的是 fontSize ，但是 jQuery 的 $.fn.css 方法对此做了特殊处理，无论使用哪种写法都可以。

例如： ?

1 2 3 4 5 var strsize1 = $('h1').css('fontSize'); // 返回 "19px"

var strsize2 = $('h1').css('font-size'); // 同上

$('h1').css('fontSize', '100px'); // 给单个属性赋值 $('h1').css({ 'fontSize' : '100px', 'color' : 'red' }); // 给多个属性赋值 上面可以看到，一次性给多个属性赋值的时候，实际上传入的是一个对象，这个对象中包含了一些可以表示 CSS 属性的键-值对，在 jQuery 的很多 setter 方法中都有类似用法。

jQuery 操作元素的 class 属性

作为一个 getter ，$.fn.css 确实很好用，但是应该尽量避免将其作为 setter 使用，因为一般不建议在 JavaScript 代码中包含太多的样式代码。比较靠谱的方法是把样式规则单独分开写成类（class ），然后用 JavaScript 将类应用到元素上即可：

?

1 2 3 4 5 6 var $h1 = $('h1');

$h1.addClass('big');

$h1.removeClass('big');

$h1.toggleClass('big');

7 i f ($h1.hasClass('big')) { ... }

尺寸

jQuery 中有很多方法可以用来获取或者修改元素的尺寸或者位置信息。 ?

1 2 3 4 5 6 7 8 9 $('h1').width('50px'); // 设置所有 h1 元素的宽度

$('h1').width(); // 得到第一个 h1 元素的宽度

$('h1').height('50px'); // 设置所有 h1 元素的高度

$('h1').height(); // 得到第一个 h1 元素的高度

$('h1').position(); // 返回第一个 h1 元素

// 的位置信息，此返回值是一个对象 // 此位置是相对其父元素的位置的偏移量

这里只是对 jQuery 操纵元素大小及位置信息的简单举例，详情见

https://www.wendangku.net/doc/4f16463451.html,/category/dimensions/

元素属性

元素的属性中可以包含很多有用的信息，所以如何设置或得到属性中的值，就显得非常重要。

jQuery 的 $.fn.attr 方法可以作为 setter 和 getter 使用，用来设置或获取属性的值。和$.fn.css 用法类似，$.fn.attr 既可一次性接受单个属性，也可以接受多个属性（对象） ：

?

1 2 $('a').attr('href', 'allMyHrefsAreTheSameNow.html');

$('a').attr({

3 4 5 'title' : 'all titles are the same too!',

'href' : 'somethingNew.html'

});

上面代码中写对象的时候写成多行了，更具可读性。

?

1 $('a').attr('href'); // 返回选择其中第一个超链接的链接地址

一旦选择器的结果集中有元素了，就可以这些元素为基准点遍历其它元素了。 关于 jQuery 遍历元素的方法，详

见 https://www.wendangku.net/doc/4f16463451.html,/category/traversing/

如： ?

1 2 3 4 5 $('h1').next('p');

$('div:visible').parent();

$('input[name=first_name]').closest('form');

$('#myList').children();

$('li.selected').siblings();

还可以用 $.fn.each 方法，对结果集中的元素一个一个处理： ?

1 2 3 4 5 6 7 $('#myList li').each(function (idx, el) {

console.log(

'Element ' + idx +

'has the following html: ' +

$(el).html()

);

});

移动、复制、删除元素

如果要移动一个元素的位置： ?

1 2 3 4 5 // 把第一个列表移至最后 var $li = $('#myList li:first').appendTo('#myList');

// 另外一种方法，也能达到同样效果

$('#myList').append($('#myList li:first'));

复制一个元素

? 1 2 // 把第一个 li 做一份拷贝，然后放置列表的最后

$('#myList li:first').clone().appendTo('#myList');

如果复制元素的时候，想把元素的属性和事件等信息也一起复制了的话，调用 $.fn.clone 的时候给个参数 true 就 OK 了。

再说删除元素，jQuery 中各有两种方法可以删除元素：$.fn.remove 和 $.fn.detach ，这两个方法都可以从页面中删除元素，并且这两种方法的返回值都是被删除的元素，区别是$.fn.remove 的返回的元素中的不再包含元素的一些附属信息，如 id 和 class 等信息，也不包括元素上绑定的事件。$.fn.detach 则不同，将被删除元素中的附属信息和事件也一并保存了下来，具体是用哪种，要看实际需求了。

创建新元素

jQuery 可以很快捷的换件新元素：

?

1 2 3 $('

这是一个新段落

');

$('

  • 新列表元素
    • ');

    4 5 6 7 8 $('', { html : '这是一个 新 超链接',

    'class' : 'new',

    href : 'foo.html'

    }); 注意上面传入的 JavaScript 对象，里面的第二个属性 class 被加了引号，因为 class 是 JavaScript 的保留字，html 和 href 不是，所以不需要加引号。 创建新元素后，新元素并不会自动加入到页面中。加入页面中的话，可以用下面的方法： ?

    1 2 3 4 5 var $myNewElement = $('

    New element

    ');

    $myNewElement.appendTo('#content');

    $myNewElement.insertAfter('ul:last'); // 此操作会把 p 元素从 #content 中移除

    $('ul').last().after($myNewElement.clone()); // 当然也可以克隆一个出来，现在 #content 中有两个 p 了哦

    严格来说，不是一定要将新创建的元素保存在一个变量中，可以在创建后直接加入页面内。但是很多时候新创建的元素都要被多次使用，所以要缓存在一个变量中，这样不用重复去创建它了。

    你甚至可以在向页面添加元素时创建它，但是这种情况下无法获得新创建元素的引用：

    ?

    1 $('ul').append('

  • list item
    • ');

    往页面中添加新元素非常简单，但是如果需要向页面新加很多很多个元素的话，可能会有性能问题。因为每次向页面中添加元素，整个页面的 HTML 都要作为字符串参与拼接，这是非常耗费性能的。这种情况下，通常有以下处理方法： ?

    1 2 3 4 5 6 7 var myItems = [], $myList = $('#myList');

    for (var i=0; i<100; i++) {

    myItems.push('

  • item ' + i + '
    • ');

    }

    $myList.append(myItems.join(''));

    jQuery前端开发实战教程

    《jQuery前端开发实战教程》试卷 得分 单选题（每题2分，共计30分） 1．页面中存在可见元素div，代码“if( $("div").show().is(:animated) ){ $("div").hide(1000); }” 的执行效果是（） A、元素以动画效果隐藏 B、元素没有任何变化 C、元素无动画效果隐藏 D、元素先以动画效果隐藏，再无动画形式显示 2．关于代码“$.fn.test = function() { };”，下列说法错误的是（） A、test方法可以被jQuery对象调用 B、test方法被jQuery对象调用时，this指向调用该方法的jQuery对象 C、在test方法中可以书写代码“return this”来实现链式编程 D、$.fn是jQuery原型对象jQuery.prototype的简写3．jQuery Mobile选择菜单中，当选择菜单中含有多个类别时，可添加（）元素，让jQuery Mobile根据此元素中label属性的文本创建含有分割项的选项。 A、label B、optgroup C、select D、option 4．在使用tree组件时，dnd属性和lines属性设置为true分别代表（）含义。 A、显示横线条显示竖线条 B、显示竖线条显示横线条 C、表示可拖动表示可拖拽 D、表示可拖动表示显示竖线条 5．下列哪种方法不可以让元素设置为不可见（） A、fadeIn B、fadeOut C、fadeTo D、hide 总分题型单选题多选题填空题简答题题分 得分

    6．在jQuery Mobile列表视图中，可以将任意大小的图片自动缩放到（）像素，展示到列表中。 A、60 B、70 C、80 D、90 7．跟jQuery相继诞生的JavaScript库还有很多，不包括（） A、Prototype B、ExtJS C、YUI D、node.js 8．下面选项中this的使用说法正确的是（） A、this指向当前元素 B、this可以用来绑定事件 C、this可以获取到所有元素 D、this是一种方法9．使用animate方法实现与代码$("div").fadeIn(600)相同效果的代码写法是（） A、$("div").animate({"opacity":"1"}) B、$("div").animate({"opacity":"1"},"fast") C、$("div").animate({"opacity":"1"},600) D、$("div").animate({"opacity":"1"},"normal") 10．从EasyUI网站下载到的“jquery-easyui-1.5.4.2.zip”压缩包解压，保存到“chapter08\ easyui-1.5.4.2”目录中下面说法错误的是（） A、locale目录是国际化资源文件包 B、plugins是插件包目录 C、jsrc是源码包目录 D、demo和demo-mobile目录都是样例，没有区别 11．在jQuery事件中，当调整浏览器窗口时触发的事件是（）事件。 A、resize() B、change() C、scroll() D、select()

    jQuery选择器

    $的选择器部分: 凡是运用$,其返回值是一个object $选择器主要用于选择标签.基本用法是同css的选择器.但是,很让人兴奋的是,他支持常见的浏览器,而css中很多选择器是IE6所不支持的. 1.基本选择器(3种): $("标签名"),如$("p")是选取了所有的p标签节点 $("#id名"),如$("#test")是选取了id为test的标签节点 $(".class名"),如$(".test")是选取了所有class为test的标签节点 上面的$("标签名")和$(".class名")返回的都是所有满足的节点,至于进一步筛选可以添加一些函数,如eq,gt,lt 等等. 2.组选择器: 下面还是现做一个约定:把"标签名或#id名或.class名"记作mix,则mix表示一个标签名,或一个#id或一个.class. $("mix,mix,mix,..."),如:$("div,#test1,p,.test2,#test3") 3.后代选择器: $("mix mix"),当然可以是多个嵌套,但后代选择器可以是深层子代,所以$("mix mix mix ...")这种写法作用不大.例子:$("div .test"):在div标签内的所有具有test的class的后代元素(就是被div嵌套的class属性为test 的标签) 可以见DEMO。 4.子选择器: $("mix>mix"),这个放在后代选择器后面是为了和它做对比.子选择器只能选择第一代子代.不处理深层嵌套.例子: $("div>.test")

    对这里的p段落标签有效.但对

    对这里的p段落标签无效,这里要用 $("div .test) 5.临近选择器: $("mix+mix"),选取下一个兄弟节点.如:$("div +#test"),id为test的的节点必须是div的下一个兄弟节点.

    在$("div + #test")中能取到p段落节点

    则不能取到 6.属性选择器: 把属性选择器不放在css选择器里面是因为jQuery中写法是不一样的.至于css中写法可以参考我之前写的一篇css的选择器一文.jQuery中是和xPath类似的写法: $("mix[@attr]"):选取所有该mix且具有attr属性的节点 $("mix[@attr=a_value"]):选取所有该mix且具有attr属性并满足属性值为a_value的节点 $("mix[@attr^=a_value_head"]):attr属性的属性值是以a_value_head开头的 $("mix[@attr$=a_value_end"]):attr属性的属性值是以a_value_end结尾的 $("mix[@attr*=a_value"]):attr属性的属性值中包含a_value 7.进一步选择器:

    jQuery入门教程(很不错)

    jQuery入门[1]－构造函数 https://www.wendangku.net/doc/4f16463451.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.wendangku.net/doc/4f16463451.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练习题2</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>《前端开发实战教程》试卷 得分 单选题（每题2分，共计30分） 1．页面中存在可见元素，代码“( $("")()() ){ $("")(1000); }”的执行效果是（） A、元素以动画效果隐藏 B、元素没有任何变化 C、元素无动画效果隐藏 D、元素先以动画效果隐藏，再无动画形式显示 2．关于代码“$ = () { };”，下列说法错误的是（） A、方法可以被对象调用 B、方法被对象调用时，指向调用该方法的对象 C、在方法中可以书写代码“”来实现链式编程 D、$是原型对象的简写3．选择菜单中，当选择菜单中含有多个类别时，可添加（）元素，让根据此元素中属性的文本创建含有分割项的选项。 A、 B、 C、 D、 4．在使用组件时，属性和属性设置为分别代表（）含义。 A、显示横线条显示竖线条 B、显示竖线条显示横线条 C、表示可拖动表示可拖拽 D、表示可拖动表示显示竖线条 5．下列哪种方法不可以让元素设置为不可见（） A、 B、 C、 D、 总分题型单选题多选题填空题简答题题分 得分</p><p>6．在列表视图中，可以将任意大小的图片自动缩放到（）像素，展示到列表中。 A、60 B、70 C、80 D、90 7．跟相继诞生的库还有很多，不包括（） A、 B、 C、 D、 8．下面选项中的使用说法正确的是（） A、指向当前元素 B、可以用来绑定事件 C、可以获取到所有元素 D、是一种方法9．使用方法实现与代码$("")(600)相同效果的代码写法是（） A、$("")({"":"1"}) B、$("")({"":"1"},"") C、$("")({"":"1"},600) D、$("")({"":"1"},"") 10．从网站下载到的“1.5.4.2”压缩包解压，保存到“08\ 1.5.4.2”目录中下面说法错误的是（） A、目录是国际化资源文件包 B、是插件包目录 C、是源码包目录 D、和目录都是样例，没有区别 11．在事件中，当调整浏览器窗口时触发的事件是（）事件。 A、() B、() C、() D、()</p><h2>jQuery获取Select选择的Text和 Value</h2><p>一、jQuery获取Select选择的Text和Value:语法解释： 1.$("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2.varcheckText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3.varcheckValue=$("#select_id").val(); //获取Select选择的Value 4.varcheckIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 5.varmaxIndex=$("#select_idoption:last").attr("index"); //获取Select最大的索引值 二、jQuery设置Select选择的Text和Value:语法解释： 1.$("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中 2.$("#select_id ").val(4); // 设置Select的Value值为4的项选中 3.$("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中 三、jQuery添加/删除Select的Option项：语法解释： 1.$("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项) 2.$("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置) 3.$("#select_idoption:last").remove(); //删除Select中索引值最大Option(最后一个) 4.$("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个) 5.$("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option 6.$("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option 四、获取值 1.jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关获取一组radio被选中项 的值var item = $('input[@name=items][@checked]').val(); 2.获取select被选中项的文本:var item = $("select[@name=items] option[@selected]").text(); 3.select下拉框的第二个元素为当前选中值:$('#select_id')[0].selectedIndex = 1; 4.radio单选组的第二个元素为当前选中值:$('input[@name=items]').get(1).checked = true; 5.文本框，文本区域：$("#txt").attr("value")； 6.多选框checkbox：$("#checkbox_id").attr("value")； 7.单选组radio：$("input[@type=radio][@checked]").val(); 8.下拉框select：$('#sel').val(); 五、控制表单元素： 1.文本框，文本区域：$("#txt").attr("value",'');//清空内容 2.$("#txt").attr("value",'11');//填充内容 3.多选框checkbox：$("#chk1").attr("checked",'');//不打勾 4.$("#chk2").attr("checked",true);//打勾 5.if($("#chk1").attr('checked')==undefined) //判断是否已经打勾 6.单选组radio：$("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 7.下拉框select：$("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项 8.$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option 9.$("#sel").empty()；//清空下拉框 10.//遍历option和添加、移除option functionchangeShipMethod(shipping){ varlen = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){ $(this).remove(); } }); }else{ $("<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]")); } } //取得下拉選單的選取值 $(#testSelectoption:selected').text(); 或$("#testSelect").find('option:selected').text(); 或$("#testSelect").val(); 六、下拉框: 1.var cc1 = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜单的选中项的文本(注意中间有空格) 2.var cc2 = $('.formc select[@name="country"]').val(); //得到下拉菜单的选中项的值 3.var cc3 = $('.formc select[@name="country"]').attr("id"); //得到下拉菜单的选中项的ID属性值 4.$("#select").empty();//清空下拉框//$("#select").html(''); 5.$("<option value='1'>1111</option>").appendTo("#select")//添加下拉框的option 稍微解释: 1.select[@name='country'] option[@selected] 表示具有name 属性，并且该属性值为'country' 的select元素里面的具有selected 属 性的option 元素；可以看出有@开头的就表示后面跟的是属性。 2.单选框:</p><h2>jQuery选择器的工作原理和优化</h2><p>jQuery选择器的工作原理和优化 至于有那些选择器，在帮助手册中都有，自己去看，这篇主要是分析他的工作原理，而优化我们写的选择器，尤其在页面内容很多的情况下，更应该需要优化。下边就言归正传。 每次申明一个jQuery对象的时候，返回的是 jQuery.prototype.init 对象，很多人就会不明白，init明明是jQuery.fn的方法啊，实际上这里不是方法，而是init的构造函数，因为js的prototype对象可以实现继承，加上js的对象只是引用不会是拷贝，new jQuery,new jQuery.fn和new jQuery.fn.init的子对象是一样的，只是有没有执行到init的不同，这里就不讲原因了，等下一篇再讲为什么会是这样。 当我们使用选择器的时候$(selector,content)，就会执行 init(selectot,content)，我们看看inti中是怎样执行的： if ( typeof selector == "string" ) { //正则匹配，看是不是HTML代码或者是#id var match = quickExpr.exec( selector );</p><p>//没有作为待查找的 DOM 元素集、文档或 jQuery 对象。 //selector是#id的形式 if ( match && (match[1] || !context) ) { // HANDLE: $(html) -> $(array) //HTML代码,调用clean补全HTML 代码 if ( match[1] ){ selector = jQuery.clean( [ match[1] ], context ); } // 是: $("#id") else {</p><h2>JQuery基础、选择器</h2><p>jQuery入门 什么是jQuery jQuery是一个JavaScript库，通过封装原生的JavaScript函数得到一整套定义好的方法。它是JohnResig于2006年创建的一个开源项目，随着越来越多开发者的加入，jQuery已经集成了JavaScript、CSS、DOM和Ajax于一体的强大功能。以最少的代码，完成更多复杂而困难的功能，从而得到了开发者的青睐。 主旨：以更少的代码、实现更多的功能（write less ,do more!） 官网：https://www.wendangku.net/doc/4f16463451.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.wendangku.net/doc/4f16463451.html,/ 3、jQuery环境配置 jQuery不需要安装，把下载的jQuery.js放到网站上的一个公共位置，想要在某个页面上使用jQuery时，只需在该HTML文档中引入该库文件即可。 4、在页面中引入jQuery 由于jQuery是JavaScript的一个库文件，也就是jQuery本质是一个.js文件，所以使用<script type=”text/javascript” src=”jQuery存放的路径”></script>引入。 简单的jQuery示例</p><h2>jquery常用的选择器整理</h2><p>jquery: 基本的选择器： $('#id').css('color','blue');//根据id属性为id，设置css样式颜色设置成蓝色 $('h2').css('background-color','pink'); $('input').css('width','500px'); $('.apple').css('background-color','lightgreen');//class属性值查找 $('*').css('background-color','gray');//通配符 $('h2,#usertel,#userqq').css('color','lightblue');//联合选择器 层次选择器： $('div span');//在div内部获得span节点，不考虑层次,只获得div内第一个span节点，，注意不考虑层次 $('div > span')//在div内部获得子元素span节点 $('div+span')//在div后边获得紧紧挨着的第一个兄弟关系的span节点，获得的是span节点 $('div~span')//在div后边后边获得全部兄弟关系的span节点 并且选择器： $('li').css('color','red'); $('li:first');//:first第一个 :last 最后一个 $('li:eq(3)').css('color','red')//eq(下标索引号码) 获得节点的下标索引值与给定索引值相等 gt(索引号) great than 节点索引值，大于某个范围 lt(索引值) less than 节点索引值，小于某个范围 $('li:gt(5)').css('background-color','pink'); $('li:lt(5)').css('background-color','orange'); :even 匹配到下标索引值为偶数的节点 :odd 匹配到下标索引值为奇数的节点</p><h2>JQuery插件教程</h2><p>JQuery插件教程.txt我很想知道，多少人分开了，还是深爱着。ゝ自己哭自己笑自己看着自己闹。你用隐身来躲避我丶我用隐身来成全你！待到一日权在手，杀尽天下负我狗。jQuery 插件开发全解析 jQuery插件的开发包括两种： 一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。 1、类级别的插件开发 类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数，将函数定义于jQuery的命名空间中。关于类级别的插件开发可以采用如下几种形式进行扩展： 1.1 添加一个新的全局函数 添加一个全局函数，我们只需如下定义： jQuery.foo = function() { alert('This is a test. This is only a test.'); }; 调用的时候可以这样写：jQuery.foo(); 或$.foo(); 1.2 增加多个全局函数 添加多个全局函数，可采用如下定义： jQuery.foo = function() { alert('This is a test. This is only a test.'); }; jQuery.bar = function(param) { alert('This function takes a parameter, which is "' + param + '".'); }; 调用时和一个函数的一样的:jQuery.foo(); jQuery.bar(); 或者$.foo(); $.bar('bar'); 1.3 使用jQuery.extend(object); jQuery.extend({ foo: function() { alert('This is a test. This is only a test.'); }, bar: function(param) { alert('This function takes a parameter, which is "' + param +'".'); } }); 调用时和一个函数的一样的:jQuery.foo(); jQuery.bar(); 或者$.foo(); $.bar('bar'); 1.4 使用命名空间 虽然在jQuery命名空间中，我们禁止使用了大量的javaScript函数名和变量名，通过</p><h2>jQuery选择器种类</h2><p>jQuery选择器种类 由于经常使用jQuery，但是其中的很多选择器又不太能够熟练记牢使用，所以趁着上周有人分享，我再仔细的把jQuery的选择器过一遍，争取一次拿下，以后做到运用自如。jQuery选择器主要来分可以分为三种：（1）基本选择器（2）层次选择器（3）过滤选择器(4) 表单选择器 1、基本选择器 基本选择器主要就是比较常见和常用的集中，是必须要掌握的。 #ID id选择器返回一个对象$("#div") .class类选择器返回集合$(".content") Element 标签选择器返回集合$("input") * 匹配所有元素返回集合$("*") selector1,selector2,selector3,....合并每个选择器匹配的元素，返回集合$("#div,.class,input") 2、层次选择器（主要是选择层次下面的元素） $("E F") 选择E元素中的所有F后代元素(注意：是子孙元素) 返回集合 $("P>C") 选择P元素下的C子元素（注意：是子元素）返回集合 $("P+N") 选择P元素后的相邻元素（即下一个兄弟元素），和$("P").next("N")方法执行效果相同 $("P~S") 选择P元素之后的所有S兄弟元素，和$("P").nextAll("S")方法执行效果相同，<SPAN style="COLOR: #ff0000">另pre()方法和next()方法相对。</SPAN>preAll()和nextAll()相对。 注意siblings()方法和nextAll()方法的区别：siblings()是所有前后的兄弟元素，nextAll()是所有后面的兄弟元素 第三和第四个选择器常常用后面的写法代替</p><h2>jquery教程</h2><p>一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本文是实战篇. 使用jQueryUI完成制作网站的大部分常用功能. 二.前言 经过公司内部收集, 整理了一些经常使用javascript实现的功能. 实现这些功能的主角不是让人眼花缭乱的jQuery插件, 而是jQuery UI. 如果你还在为了一个小小的特效而去下载并安装插件, 发现Bug还没有人替你解决. 记住插件是我们没有办法的最后选择. 使用插件有太多的坏处: 1.不利于维护 2.增加页面大小 3.不利于成员间交流共享,具有学习成本. 4.不够健壮, 不能保证插件版本一直更新并修复所有问题. 下面就引入今天的主角:jQuery UI 三.jQuery UI jQuery UI 是jQuery 的一部分, 是在jQuery之上的一套专门用于UI交互的类库. 使用jQuery UI可以实现底层交互, 各种高级特效, 动画, 并且可定制主题. 我们可以用它轻松的构建高度交互的Web应用程序. 官方首页: https://www.wendangku.net/doc/4f16463451.html,/ 下载: https://www.wendangku.net/doc/4f16463451.html,/download 示例和文档: https://www.wendangku.net/doc/4f16463451.html,/demos/ 皮肤: https://www.wendangku.net/doc/4f16463451.html,/themeroller/ jQuery UI 的在线网站十分强大. 首先就是在下载时可以组装自己想要的功能定制下载:</p><p>并且针对各种控件不仅提供了详细的参数说明和实例, 还可以随时更换实例的皮肤: 本文主要讲解实例, 大家可以通过实例代码快速上手jQuery UI. 使用jQuery UI我们可以再不借助其他插件的情况下完成大部分页面应用, 说其是一个官方的超级UI插件也不为过. 包含所有功能的jQuery UI类库文件为188K, 启用Gzip压缩后是45K. 虽然较大但是一次加载全网站获益.而且45K大小在当今的互谅网时代还算可以接受. 目前还没有jQuery UI的中文教程. 因为本文是实战篇, 所以不会仔细讲解基础内容. 在后面的章节中我会加入jQuery UI的基础教程.争取成为中文jQuery UI第一教程. 四. 准备工作 我将所有相关的文件, 包括各种类库文件, Theme模板放置在如下路径: https://www.wendangku.net/doc/4f16463451.html,/JSLib/ 此路径开通了目录浏览, 可以直接查找需要的文件. 目录组织结构按照本系列: (八) 插播:jQuery实施方案中介绍的方案组织. 另外也可以从Google上引用文件, Google的CDN速度更快也更有保证, 参见: Google's CDN 本文的实例的所有引用都使用WebConfig.ResourceServer 这个属性: public class WebConfig { public static string ResourceServer = @"https://www.wendangku.net/doc/4f16463451.html,/";}五.弹出层对话框 弹出框是最常用最实用的功能. 先来看一下艺龙网上的一些应用场景. 1. 艺龙网应用场景举例 (1) 静态提示类弹出层. 弹出层的内容是固定的. (2) 动态提示类弹出层. 弹出层内容是根据事件源变化的. (3)遮罩类弹出层. 弹出时背景变灰并不可点击. 2. 应用实例 使用jQuery UI 的Dialog 组件. 我以轻松实现上面三种效果.</p><h2>jQuery课程设计</h2><p>课程设计报告 课程名称： jQuery基础教程 课程设计名称： jQuery个人空间 系部名称：中印计算机软件学院 姓名学号：周在峰201301070001 张敏20101070032 陈慧君201301070031班级：13应用一班 成绩： 指导教师：刘效伟 开课时间：2014-2015学年第二学期</p><p>摘要 近年来,随着网上个人空间的兴起，越来越多的人开始关注这项新的网络交流方式，越来越多的人开始拥有自己的个人空间就定义而言，Blog的全文名字是Web log，中文意思是“网络日志”，是一种通常由个人管理、不定期张贴新的文章的网站。一个典型的个人空间结合了文字、图像、其他个人空间或网站的链接、及其它与主题相关的媒体。利用个人空间，人们可以简便迅速的将自己的生活经历、感想、个人图片、所见所闻的事件等等向外界展示，并及时的与评论者进行交流互动。个人空间作为一种新的生活、学习、工作方式，已经被越来越多的人所接受，成为时下最流行的网络交流工具。 个人空间“网络日志”的本质决定了其固有的几种表现形式，如日志、相册、分享、留言互动区等等。同时，作为一种典型的个人网站，个人空间的各种表现方式也展现了博主个人的风格，更体现了个人空间个性化与多样化的特征。设计一个个人空间网站能充分运用到我们动态网页设计课程所学习的知识，在实现网站几个基本功能的前提下，学以致用，展现出自己独特的风格。 关键词： jQuery；个人空间；动态网站</p><p>目录 一、网站设计的流程 (1) 二、项目背景及发展趋势 (1) 2.1背景 (1) 2.2 发展趋势 (1) 三、项目需求 (2) 四、总体设计 (3) 4.1 设计目标 (3) 4.2设计风格、色彩搭配 (3) 4.3设计原则 (4) 五、网站概述 (5) 5.1网站主题结构 (5) 5.1.1 网站主要栏目说明 (5) 5.2 主要页面截图 (5) 六、总结 (10) 6、1 学习总结 (10) 6、2心得体会 (10) 七、参考文献 (10)</p><h2>Jquery和JS获取ul中li标签</h2><p>js 获取元素下面所有的li var content=document.getElementById("content"); var items=content.getElementsByTagName("ul"); var itemss=items[2].getElementsByTagName("li");//获取第二个li标签或 var div=document.getElementById('a'); var ul=div.childNodes.item(0); var lis=ul.childNodes; for(var i=0;i<lis.length;i++){ alert("Item "+i+": "+lis.item(i).innerHTML); } 如何用jquery获得每个ul下最后一个li $(function(){ $("ul").each(function(){ var y = $(this).children().last(); alert(y.text()); }); }); jquery 获取<ul> 点击的是那个<li> <ul class="anserdh" id="topmenu"> <li class="qhbg"><a href="" >积分榜</a></li> <li><a href="">回答榜 </a></li> <li><a href="" >提问榜</a></li> <li><a href="" >满意榜</a></li> </ul> 点击那个就把在那个<li>的追加class="qhbg"样式 比如：点击了回答榜变成 <ul class="anserdh" id="topmenu"> <li ><a href="" >积分榜</a></li> <li class="qhbg"><a href="">回答榜 </a></li> <li><a href="" >提问榜</a></li> <li><a href="" >满意榜</a></li> </ul> $(function(){ $('.anserdh li a').click(function(){ $('.anserdh li').removeClass('qhbg'); $(this).parent().addClass('qhbg'); })</p><h2>Jquery基本语法</h2><p>一、jQuery的基本用法: 随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名 的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等， jQuery是继prototype之后的又一个优秀的Javascript框架。它是由John Resig 于2006 年初创建 的，它有助于简化JavaScript 以及Ajax 编程。 它具有如下一些特点： 1. 代码简练、语义易懂、学习快速、文档丰富。 2. jQuery是一个轻量级的脚本，其代码非常小巧，最新版的JavaScript包只有20K左右。 3. jQuery支持CSS1-CSS3,以及基本的xPath。 4. jQuery是跨浏览器的，它支持的浏览器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+。 5. 可以很容易的为jQuery扩展其他功能。 6. 能将JS代码和HTML代码完全分离，便于代码和维护和修改。 7. 插件丰富，除了jQuery本身带有的一些特效外，可以通过插件实现更多功能，如表单验证、 tab导航、拖放效果、表格排序、DataGrid，树形菜单、图像特效以及ajax上传等。 使用方法(同prototype) 在需要使用JQuery的页面中引入JQuery的js文件即可。 例如：<script type="text/javascript" src="js/jquery.js"></script> 引入之后便可在页面的任意地方使用jQuery提供的语法。 二、学习教程及参考资料 请参照《jQuery中文API手册》和https://www.wendangku.net/doc/4f16463451.html,/visual/cn/index.xml 推荐两篇不错的jquery教程：《jQuery的起点教程》和《使用jQuery 简化Ajax 开发》(说明：以 上文档都放在了【附件】中) 三、语法总结和注意事项 1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath 条件等 方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。 如: 01.$("#msg").html();-->通过ID 02.$("div").html(); $("input").val(); -->通过元素名(jQuery获取的是一个集合) 03.$("div p"); -->第一行代码得到所有<div>标签下的元素。 04.$("div.container") -->第二行代码得到class为container的<div>元素 05.$("div #msg"); -->第三行代码得到<div>标签下面id为msg的元素。 06.$("table a",context); -->第四行代码得到context为上下文的table里面所有的连接元素。</p></div> </div> <div> <div>相关文档</div> <div class="relatedtopic"> <div id="tabs-section" class="tabs"> <ul class="tab-head"> <li id="18397129"><a href="/topic/18397129/" target="_blank">jquery选择器</a></li> <li id="15989693"><a href="/topic/15989693/" target="_blank">jquery基础教程</a></li> <li id="21909856"><a href="/topic/21909856/" target="_blank">jquery基础</a></li> </ul> </div> </div> </div> </div> <div class="category"> <span class="navname">相关文档</span> <ul class="lista"> <li><a href="/doc/f3922045.html" target="_blank">1、jquery选择器实现表格隔行换色效果。</a></li> <li><a href="/doc/3e6671570.html" target="_blank">html标签的jquery选择器</a></li> <li><a href="/doc/4614528602.html" target="_blank">jQuery选择器种类</a></li> <li><a href="/doc/637037901.html" target="_blank">JQuery实例--选择器</a></li> <li><a href="/doc/b13843465.html" target="_blank">jQuery选择器大全(48个代码片段+21幅图演示)</a></li> <li><a href="/doc/f615186830.html" target="_blank">jQuery获取Select选择的Text和Value</a></li> <li><a href="/doc/3911845681.html" target="_blank">jquery选择器中逗号的用法</a></li> <li><a href="/doc/5b14282389.html" target="_blank">Jquery选择器分类应用(最全最新)</a></li> <li><a href="/doc/8410355196.html" target="_blank">jquery CSS和xpath选择器</a></li> <li><a href="/doc/ee4836655.html" target="_blank">精通jQuery选择器使用</a></li> <li><a href="/doc/2918882758.html" target="_blank">jQuery获取Select选择的Text和 Value</a></li> <li><a href="/doc/4d13897270.html" target="_blank">jquery常用的选择器整理</a></li> <li><a href="/doc/6d6518482.html" target="_blank">JQuery深刻理解</a></li> <li><a href="/doc/b3996456.html" target="_blank">jquery试题与答案</a></li> <li><a href="/doc/f89614291.html" target="_blank">jquery试题</a></li> <li><a href="/doc/3310581149.html" target="_blank">jQuery笔记整理</a></li> <li><a href="/doc/5611931211.html" target="_blank">Jquery</a></li> <li><a href="/doc/879559593.html" target="_blank">JQUERY选择器按照功能主要分为</a></li> <li><a href="/doc/e84363918.html" target="_blank">jQuery选择器总结(全)</a></li> <li><a href="/doc/2e18646593.html" target="_blank">Jquery练习题2</a></li> </ul> <span class="navname">最新文档</span> <ul class="lista"> <li><a href="/doc/0719509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li> <li><a href="/doc/0e19509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li> <li><a href="/doc/9319184372.html" target="_blank">自然教育课件</a></li> <li><a href="/doc/3019258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li> <li><a href="/doc/db19211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li> <li><a href="/doc/af19240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li> <li><a href="/doc/9919184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li> <li><a href="/doc/8b19195909.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/8019195910.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/7f19336998.html" target="_blank">高中语文基础知识点总结大全</a></li> <li><a href="/doc/7a19336999.html" target="_blank">超详细的高中语文知识点归纳</a></li> <li><a href="/doc/6719035160.html" target="_blank">高考语文知识点总结高中</a></li> <li><a href="/doc/6a19035161.html" target="_blank">高中语文知识点总结归纳</a></li> <li><a href="/doc/4d19232289.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/3a19258758.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/2519396978.html" target="_blank">高中语文知识点归纳(大全)</a></li> <li><a href="/doc/2419396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li> <li><a href="/doc/1f19338136.html" target="_blank">高中语文基础知识点整理</a></li> <li><a href="/doc/ef19066069.html" target="_blank">化工厂应急预案</a></li> <li><a href="/doc/bc19159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li> </ul> </div> </div> <script> var sdocid = "4db874a8f242336c1fb95e6e"; </script> <div class="footer"> <p><a href="/tousu.html" target="_blank">侵权投诉</a>  © 2013-2023 www.wendangku.net  <a href="/sitemap.html">站点地图</a> | <a href="https://m.wendangku.net">手机版</a></p> <p><a href="https://beian.miit.gov.cn" target="_blank">闽ICP备11023808号-7</a>  本站文档均来自互联网及网友上传分享，本站只负责收集和整理，有任何问题可通过上访投诉通道进行反馈</p> </div> <script type="text/javascript">foot();</script> </div> </body> </html>