网站建设资讯

NEWS

网站建设资讯

jquery语法,jquery语法特点

jQuery里面隐藏和显示效果怎么写?

1、jquery.show()和jquery.hide()方法

创新互联公司-专业网站定制、快速模板网站建设、高性价比玉山网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式玉山网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖玉山地区。费用合理售后完善,十余年实体公司更值得信赖。

语法:

$(selector).show(speed,callback);

$(selector).hide(speed,callback);

2、jquery.toggle()方法

语法:

$(selector).toggle(speed,callback);

3、带有淡入淡出效果的显示和隐藏

$(selector).fadeIn(speed,callback)

$(selector).fadeOut(speed,callback)

$(selector).fadeToggle(speed,callback)

$(selector).fadeTo(speed,opacity,callback)

4、带有滑动效果的显示和隐藏

$(selector).slideDown(speed,callback)

$(selector).slideUp(speed,callback)

$(selector).slideToggle(speed,callback)

注意:

可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。

可选的 callback 参数是滑动完成后所执行的函数名称。

jquery 怎么用

使用步骤如下:

1.jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。

2.然后我们来开始编辑HTML界面代码。

3.使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。

4.接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码

jQuery中的text()、html()、val()有什么区别?

text():获取或者改变指定元素的文本

html():获取或改变指定元素的html元素以及文本

val():获取或者改变指定元素的value值(一般是表单元素)

以上3个都是jquery类库中的语法

第二个问题,基本没有什么区别,作用都是获得当前对象的value值(一般是表单元素)

只是,this.value是js的原生语法,$(this).val()是jquery的语法

使用this.value无需引入任何库文件,而$(this).val()则需要引入jquery库文件

jQuery操作选择器的基本语法是什么?

基本语法:

$(selector);

例子:

ID选择器:$('#myid');

类别选择器: $('.mycls');

元素选择器:$(span);

等等...

更详细的,建议你下载一个jquery手册查看。

jquery 的selector怎么用

selector:属性用于返回获取当前jQuery对象时传给jQuery(selector, context)函数的原始选择器(即selector参数)。换句话说,你通过什么选择器来获得的当前jQuery对象,当前jQuery对象的selector属性就返回什么。

语法:jQueryObject.selector

返回值:selector属性的返回值是String类型,返回该jQuery对象的原始选择器。如果当前jQuery对象不是通过传入选择器字符串来获得的,那么将返回空字符串""。

实例说明:

div id="n1"

div id="n2"

ul id="n3"

li id="n4"item1/li

li id="n5"item2/li

li id="n6"item3/li

/ul

/div  

/div

/*编写jquery代码:*/

var $li = $("ul li");

document.writeln( $li.selector ); // ul li

var $p = $("#n1 p");

// 虽然$p是一个空的jQuery对象,没有匹配到任何元素,但也包含了传入的选择器信息

document.writeln( $p.selector ); // #n1 p

var $ul = $("#n1").find("ul");

// jQuery根据我们的操作自动计算出相应的选择器

document.writeln( $ul.selector ); // #n1 ul

var div_n2 = document.getElementById("n2");

var $n2 = $(div_n2); // 以DOM元素的方式获取jQuery对象

document.writeln( $n2.selector ); // (空字符串)

/*********代码运行结果***********/

ul li

#n1 p

#n1 ul


分享名称:jquery语法,jquery语法特点
分享路径:http://cdweb.net/article/dsccpgo.html