十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
jQuery(function(){})、jQuery().ready(function(){})
成都创新互联专业为企业提供新化网站建设、新化做网站、新化网站设计、新化网站制作等企业网站建设、网页设计与制作、新化企业网站模板建站服务,10余年新化做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
绑定点击事件: jQuery('#temp').click(function() {});
筛选:jQuery('#temp [type="checkbox"]').prop('disabled',false); 这句话的作用就是将id为temp的对象下所有类型是复选框的子对象的禁用给解用。
其实jQuery确实很强大,有时间的话,你可以看看jQuery的帮助文档。
你的代码是没有问题的,可能出现不对的原因有两个,
一个是没有加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
jquery提供了parent()方法获得当前匹配元素集合中每个元素的父元素,例如
$("p").parent(".selected"); // 查找每个段落的带有 "selected" 类的父元素:
实例演示如下:
1、HTML结构
li name="li-1"a href="#"第1个超链接/a/li
li name="li-2"a href="#"第2个超链接/a/li
li name="li-3"a href="#"第3个超链接/a/li
li name="li-4"a href="#"第4个超链接/a/li
2、jquery代码
$(function(){
$("a").click(function() {
var str = $(this).parent("li").attr("name");
alert(str);
});
});
3、效果演示
1.js
其中1.html代码如下:
如要测试还需要加上jquery.js 这个可自行下载
运行后点击按钮效果如图:
下面再附上网上的一些方法:
1、直接document.write
script language="javascript"
document.write("script src='test.js'\/script");
/script
2、动态改变已有script的src属性
script src='' id="s1"/script
script language="javascript"
s1.src="test.js"
/script
3、动态创建script元素
script
var oHead = document.getElementsByTagName('HEAD').item(0);
var oScript= document.createElement("script");
oScript.type = "text/javascript";
oScript.src="test.js";
oHead.appendChild( oScript);
/script
其实原理就是利用dom动态的引入一个js到文件中来,就能和原有的js通信了。
几种书写格式
//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");
});