码迷,mamicode.com
首页 > Web开发 > 详细

JQuery使用和选择器

时间:2016-08-12 11:21:17      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:

1、优点

(1)能解决浏览器的兼容性JS问题

(2)解决JS代码冗余的问题

(3)动画效果更容易实现

2、压缩过的和不压缩的区别

(1)开发过程中用未压缩的;上线后用压缩版本。

(2)版本问题:1.XXX兼容IE678

                  2.XXX不在支持IE678

                      还有专门用于移动开发的jQuery

3、两种入口函数方式

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

});

(2)$(function(){

});

(3)JS中不能有两个入口函数,因为后边的会覆盖前面的。但是JQuery入口函数不会被覆盖,两个入口函数都会执行。

(4)入口函数区别:

   JS的入口函数是等到页面所有内容都加载完成后才回去执行。

   JQuery的入口函数是等到页面的所有标签加载完成后才回去执行。

4、JQuery的详细使用

  JQuery中占用了$和JQuery两个变量,起初就是用JQuery,但是后来觉得麻烦,所以就用了$代替JQuery。

  JQuery的$符号已被占用,所以JS中可以用$符号作为变量名或函数名,但是JQuery中就不可以。

5、css在JQuery中的详细使用

 (1)设置样式

     $("选择器名称").css(属性列表);

样例:$("选择器名称").css("属性","值");设置一个样式

     $("选择器名称").css({"属性":"值","属性":"值"});设置多个样式

通过函数来设置样式:适用于选择出多个选择器,想给其中的几个设置样式

         $("选择器名称").css("属性",function(index,value){

      index是代表的序号,加个if判断之后就可以通过index来给特定的选择器进行设置

      });

 (2)获取样式

  $("选择器名称").css(属性);

JQuery使用和选择器

标签:

原文地址:http://www.cnblogs.com/sylz/p/5764118.html

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