十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
1、查找(创建)jQuery对象:$("selector");
成都创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于网站设计制作、网站设计、临海网络推广、微信小程序、临海网络营销、临海企业策划、临海品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;成都创新互联公司为所有大学生创业者提供临海建站搭建服务,24小时服务热线:13518219792,官方网址:www.cdcxhl.com
2、调用jQuery对象的方法完成我们需要完成的工作:$("selector").doOurWork();好了,jQuery就是以这种可以说是最简单的编码逻辑来改变javascript编码方式的。这两个步骤是jQuery的编码逻辑核心!
要实现这种简洁编码方式,创建jQuery对象这一环节至关重要。因此,jQuery的dom元素查找能力相当强悍。此外,jQuery对象的方法肯定是有限的,有限的方法满足不了日益增长各有所需的要求,所以,必须提供jQuery对象方法的扩展能力。
强悍的dom元素查找能力,以及随心所欲的方法扩展,这两点正是jQuery的核心所在!来一个简单的示例,来说明jQuery是如何工作的:
!DOCTYPEhtmlPUBLIC”-//W3C//DTDXHTML1.0
Transitional//EN”””baidu
$(function(){
$(“a“).click(function(e){//1)查找$(”a”);2)jQuery对象事件click;3)jQuery对象方法hide$(this).hide(“slow“);
returnfalse;
});
});
jQuery对象不能使用DOM中的方法,但是如果对jQuery对象所提供的方法不熟悉,或者jQuery没有封装想要的方法,不得不实用DOM对象的时候,有以下两种处理方法。jQuery提供了两种方法将一个jQuery对象转换成DOm对象,即[index]和get(index).
(1)jQuery对象是一个数组对象,可以通过[index]的方法得到相应的DOM对象。
jQuery代码如下:
复制代码代码如下:
var $cr = $("#cr"); //jQuery对象
var cr = $cr[0] //DOM对象
alert(cr.checked) //检测这个checkbox是否选中了
(2)另一种方法是jQuery本身提供的,通过get(index)方法得到相应的DOM对象。
jQuery代码如下:
复制代码代码如下:
[js]var $cr = $("#cr");
var cr = $cr.get(0);
alert(cr.checked)
上面代码应该是一个日历js加载初始化的函数吧
var
today=new
date();
这个是js默认获取今天日期的函数
jquery也不过是以js为基础的插件
改成jquery没必要吧?
function doit(oid,n){
var o = $("#"+oid).html();
var i = parseInt(o) + 1;
if(isNaN(i)) i = 0;
o = i.toString();
if(in) setTimeout('doit(\''+oid+'\','+n+')',1);
}
doit('s1',300);
!doctype html
html lang="en"
head
meta charset="UTF-8"
titledemo/title
script src="jquery.js"/script
script
jQuery(function(){
var x=['PHP','JAVA','C','C++','JS','Ruby'];
var y=[];
jQuery.each(x,function(idx,lang){
jQuery('#c'+ idx).click(function(){
var s = y.join(',').indexOf(lang);
s = 0 ? jQuery.each(y,function(idx){
this == lang y.splice(idx,1);
}) : y.push(lang);
jQuery('#i').val(y.join(' '));
});
});
});
/script
/head
body
div class="tab"
div class="c" id="c0"PHP/div
div class="c" id="c1"JAVA/div
div class="c" id="c2"C/div
div class="c" id="c3"C++/div
div class="c" id="c4"JS/div
div class="c" id="c5"Ruby/div
input id="i" type="text" style="width:720px; height:25px; border:1px solid #ccc"/
/div
/body
/html