码迷,mamicode.com
首页 > 其他好文 > 详细

标题被你吃了

时间:2016-05-21 06:33:01      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:

 

 

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

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

Jquery的优势

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

jQuery的知识的分解:

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

 解析:window.onload等待页面上所有资源(html标签,cssimgjs)都加载完成后,才执行,包括(文本素材,图片,jscss

 $(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)

 

技术分享
 1  $(function () {
 2                 var lis = document.getElementsByTagName(‘li‘);
 3 
 4                 for (var i = 0; i < lis.length; i++) {
 5                     lis[i].onmouseover = function () {
 6                         this.style.background = ‘red‘;
 7                     };
 8                     lis[i].onmouseout = function () {
 9                         this.style.background = ‘‘;
10 
11                     }
12                 }
13             });
js

 

技术分享
$(function () {
                $(‘li‘).mouseover(function () {
                    $(this).css(‘background‘,‘red‘);
                }).mouseout(function () {
                    $(this).css(‘background‘, ‘‘);
                })
            });
            
jQuery

 

标题被你吃了

标签:

原文地址:http://www.cnblogs.com/wangxiangxiang/p/5513893.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!