【皇甫】☀标题被你吃了

 

Jquery能做那些事让是你很惊讶

访问和操作DOM元素;控制页面样式;对页面事件进行处理;扩展新的jQuery插件;与Ajax技术完美结合

Jquery的优势

 体积小，压缩后只有100KB左右; l强大的选择器; 出色的DOM封装; l可靠的事件处理机制; 出色的浏览器兼容性; 使用隐式迭代简化编程; 丰富的插件支持

jQuery的知识的分解：

1.关于window.onload和$(function(){})区别

 解析：window.onload等待页面上所有资源（html标签，css，img，js）都加载完成后，才执行，包括（文本素材，图片，js，css）

 $(function(){}):等待页面上的标签素材加载完成后就开始执行

第二点：

Window.onload只能调用一次

 $(function(){})可以调用多次

 2.怎么通过Jquery设置样式

1）.通过$(“选择器”).css(“属性名”,”属性值”);

 //这里的书写的属性名和css中书写的一致

 2）.$(“选择器”).html():获取两个标签之间的html代码

 3）.$(“选择器”).addClass(“属性值”)

 可以动态的改变dom文档结构。进而设置样式。

3.DOM对象和Jquery对象的转换

 jquery对象转换成 dom对象 jquery提供了两种方法将一个jquery对象转换成一个dom对象，即[index]和get(index)。

 $(function () {
                var lis = document.getElementsByTagName('li');

                for (var i = 0; i < lis.length; i++) {
                    lis[i].onmouseover = function () {
                        this.style.background = 'red';
                    };
                    lis[i].onmouseout = function () {
                        this.style.background = '';

                    }
                }
            });

$(function () {
                $('li').mouseover(function () {
                    $(this).css('background','red');
                }).mouseout(function () {
                    $(this).css('background', '');
                })
            });