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

JQuery 基础

时间:2016-09-26 21:26:25      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:

jQuery是javascript库.

兼容性好,简化javascript和ajax编程

$ ==JQuery 

页面载入完成后发生:

$(document).ready(function (){    }};  相当于JS里面的Window.onload=function () {  }

 <script src="jquery.js"></script>   //jquery 是个脚本库 
    <script>
        $(document).ready(function () {
            alert("OK");
        });
//简化写法 可以加载多次
$(function () {
       alert("在是简单写法");
}};
</script>

Query元素与DOM元素      jQuery元素名 以$符号开头      转换jQuery 为普通js元素      jQuery元素实际是DOM对象数组   JQuery就是一个数组

var $cr = $(cr)       转换DOM元素为jQuery元素

var $cr = $(“#cr”);     找到ID为cr的元素,将其赋值给jQuery元素

var cr = $cr[0];       将jQuery元素转换为DOM元素

var cr = $cr.get(0);     将jQuery元素转换为DOM元素

 

alert($("#uu").text());   输出字符串

alert($("#uu").html());  输出html内容

 

$("<div><p>Hello</p></div>").appendTo("body")  

生成一个包含“<div><p>Hello</p></div>”得 jQuery元素,将其追加到body元素里面

is(":checked")是jQuery的方法判断,jQuery对象是否选中

$(function(){

    $cr = $(“#cr”); //找到ID值为 cr的元素

       var cr = $cr[0]; //将jQuery元素转换为DOM元素

       $cr.click(function(){      //事件注册 点击事件

     }

}

 

JQuery 基础

标签:

原文地址:http://www.cnblogs.com/Sea1ee/p/5910545.html

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