一.元素样式设置的方式(css,json键值对,链式编程) <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script> $(function(){ $("#btn").click(function(){ //第一种----普通的css设置 //$("#dv").css("width",&…

一.链式编程的原理 <script> //构造函数 function Person(age){ this.age=age; this.sayHi=function(txt){ if(txt){ console.log("你好"+txt); return this;//返回的是这个对象,就可以链式编程 }else{ consle.log("hello"); } } this.eat=function(){ console.log("吃大餐&quo…

一.事件冒泡和阻止事件冒泡 <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script> $(function(){ $("#dv1").click(function(){ console.log($(this).attr("id")); }); $("#dv2").click(funct…

一.解绑事件方法unbind() 用什么方式绑定的事件,最好用对应的方式解绑事件 unbind("事件名字")括号里写上事件名字,就会解除这个事件 unbind()括号里没有参数就是解除全部事件 对象.事件()这种方法添加的事件也可以使用unbind解除 <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script> $(func…

一.jQuery事件 1.鼠标事件 click与dbclick事件 click事件其实是由mousedown与mouseup 2个动作构成,所以点击的动作只有在松手后才触发 $ele.click():绑定$ele元素,不带任何参数一般是用来指定触发一个事件,用的比较少 $ele.click( handler(eventObject) ):绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数,这样可以针对事件的反馈做很多操作了,方法中的this是指向了绑定事件的元素 $el…

一.获取和设置元素的宽和高------width( )方法和height()方法 <!-- 点击按钮,设置div的宽和高为原来的两倍 --> <script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script> <script> $(function(){ //方法1:使用css方法获取宽高-------得到的是字符串类型的值 $("…

一.value属性在表单的相关操作-----val()方法 <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script> $(function(){ //1.获取和设置按钮的value属性 console.log($("#btn").val());//按钮框 $("#btn").val("改变了&q…

一.创建添加元素 父元素.append(子元素)-----被动追加创建 子元素.appendTo(父元素)-----主动追加创建 <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script> $(function () { $("#btn1").click(function () { $("#dv").app…

一.显示和隐藏 show(参数1,参数2)方法和hide(参数1,参数2)方法,动画效果显示和隐藏 参数1是时间,单位毫秒(1000毫秒=1秒),也可以是 "slow""normal""fast" 参数2是回调函数,在动画执行完以后再执行 <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <scrip…

一.设置某个元素的标签内容------.html()方法 <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script> //1.jQuery对象.val()--------获取或者设置表单标签的value属性值 //2.jQuery对象.text()--------获取或者设置标签的文本内容----相当于DOM的innerText //3.jQue…