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);    })})

显示效果：

小结

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