首页 > Web开发 > 详细

jQuery-helloWorld

时间:2017-04-12 12:40:21      阅读:180      评论:0      收藏:0      [点我收藏+]

1.基本知识

  $(function() {})                         相当于window.onload = function () {}

  $("#btn1").click(function(){})      相当于document.getElementById("btn1").onclick = function () {}

  

  jQuery对象和DOM对象

    通过jsDOM的api获得的对象为DOM对象,一般声明为var xxx;通过jQuery的方式获得的对象为jQuery对象,一般声明为var $xxx

    jQuery对象转为DOM对象:1)var xxx = $xxx[index] ; 2)var xxx = $xxx.get(index)。

    DOM对象转为jQuery对象:var $xxx = $(xxx)。

    jQuery和DOM对象有各自不同的api方法

 

2.选择器

  01.基本选择器

    $("#one").css("background", "#ffaabb");//$("#one")选择id为one的节点,返回jQuery元素。并设置背景颜色

    $(".mini").css("background", "#ffccaa");//选择class属性为mini的节点
    $("div").css("background", "#ffbbaa");//选择TagName为div的节点
    $("*").css("background", "#ffaabb");//选择所有节点元素
    $("span,#two").css("background", "#ffbbaa");//中间加, 代表选择TagName为span或者id为two的节点

jQuery-helloWorld

原文:http://www.cnblogs.com/feifeiyun/p/6698514.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!