重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
我自己写过许多插件,应该可以解答你的问题。
海西网站制作公司哪家好,找创新互联!从网页设计、网站建设、微信开发、APP开发、自适应网站建设等网站项目制作,到程序开发,运营维护。创新互联从2013年成立到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联。
其实,所谓的方法,属性,事件,都是你自己总结出来的。对于纯正的JS和JQuary来说,这3个都是一种东西。我们常常用了简便写法,因此楼主才觉得这3者不同,其实这些统统都是变量。
只不过,如果变量是个参数,就是:
var temp = "怪蛋";
如果参数是个数组,那么就是:
var temp = {title:'newTab'};
而我们常见的函数,都会写成getVal(a,b,c){}其实写的更符合JS原生态的,是
var getVal = function(a,b,c){} 从这里看出,我们所谓的函数,其实和变量是一种东西。
因此所谓的$('#id').Tabs({onSelect:functuon(){}});这类情况,等于传入的是一个叫onSelect的变量,而这个变量刚好是一个函数类型而已。事实上这个onSelect原本并不存在,是你后来的插件里去调用了而已。你通过英文意思觉得这是“被选中”的意思,其实在这里,仅仅是一个名字而已。只有插件内部写到$(this).on("click",function(){});才真正调取到JS原本的event的click事件。而我们插件中常见的onSelect、onClick、onSuccess都是写插件的人按照自己的喜好和大家喜欢的名字而命名的。
你的代码是没有问题的,可能出现不对的原因有两个,
一个是没有加jquery库
另外一个就是你a元素里面有网址点击以后就跳转了
一下是已经测试好的代码
ul class="tab tab_y1"
a href="#"li广西北海/li/a
a href="#"li潮汕厦门/li/a
/ul
script src=""/script
script
$(function(){
$('ul.tab a li').click(function(){
$(this).addClass('on');
})
})
/script
按你的要求,写成这样:
$("#boys").append(leftCity+rightContent+bottomContent).find("#rightContent").append(rightContentPosition+rightContentTime);
两种写法是一模一样的。。。
原理是jQuery占用了$符号将他作为window.jQuery的一个引用,所以你一般使用中,$变量就指向了jQuery。
而$是很多库作为自己函数或者变量名(虽然现在因为jQuery太流行了,大部分库已经不敢作死跟jQuery抢$了),所以jQuery有一个防冲突机制,使用jQuery.noConflict()方法,可以解除jQuery对$占用,这时候,jQuery就不能使用$()方法来作为选择器方法了,必须用jQuery()。
此外,如果你用1.7+版的jQuery,建议你使用on方法来绑定click
$("#id").on('click',function() {
// code
});
click方法其实是他的快速别名,但用on更灵活,建议你多用on,养成习惯
几种书写格式
//1、原始
$(document).ready(function(){
document.write("test1", "br/");
});
//2、缩写
$(function(){
document.write("test3", "br/");
});
//3、意义为在DOM加载完毕后执行了ready()方法
jQuery(function(){
document.write("test4", "br/");
});
//等价于
jQuery(document).ready(function(){
document.write("test5", "br/");
});
$(document).ready(function(){
(function(){
document.write("aaa", "br/");
})(jQuery);
//立即执行函数;相当于先申明一个函数,声明完后直接调用;
(function(){
document.write("bbb", "br/");
})();
(function(str){
document.write(str, "br/");
})("output");
//相当于:
function OutPutFun(str){
document.write(str, "br/");
};
OutPutFun("output");
});
jQuery(function(){})、jQuery().ready(function(){})
绑定点击事件: jQuery('#temp').click(function() {});
筛选:jQuery('#temp [type="checkbox"]').prop('disabled',false); 这句话的作用就是将id为temp的对象下所有类型是复选框的子对象的禁用给解用。
其实jQuery确实很强大,有时间的话,你可以看看jQuery的帮助文档。