jquery基础

是什么

　　　　jquery是一个快速、简洁的JavaScript框架，是继Prototype之后有一个优秀的JavaScript代码库。jQuery倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
　　　　

怎么用　　　　

1.图

2.补充说明

❀简单应用
1.访问DOM对象

//<div>标记元素如下：
<div id="test">测试</div>

//获取DOM对象(通过传统的js方法访问页面元素)
var obj=document.getElementById("test");
//获取jQuery对象(通过jquery本身方法获取页面元素)
var obj=$("#test"); 

2.控制DOM对象

//内容
<div class="content">
    姓名：<input id="Text1" type="text" class="txt"/><br />
    性别：<input id="Radio1" name="rdoSex" type="radio" value=" 男 " /> 男
    <input id="Radio2" name="rdoSex" type="radio" value=" 女 " /> 女 <br />
    是否为共产党员：<input id="Checkbox1" type="checkbox" /><br /><br />
    <input id="btnSubmit" type="button" value=" 提 交 " class="btn"
    onclick="btn_Click();" /><br /><br />
</div>

jquery实现：

$(function(){
    $("#btnSubmit").click(function(){
        // 获取文本框的值
        var txtValue=$("#Text1").val();
        // 获取单选框按钮值
        var rdoValue=$("#Radio1").is (":checked")?" 男 ":" 女 ";
        // 获取复选框按钮值
        var chkValue=$("#Checkbox1").is (":checked")?" 是 ":" 否 ";
        // 显示提示文本元素和内容
        $("#Tip").css("display","block").html(oTxtValue+"<br>"+oRdoValue+"<br>"+oChkValue);
    })
})

显示效果：

小结

　　　　通过总结，发现之前困惑的地方都找到了答案，总结就是这样一个将点连成线，最后结成知识网的过程。