重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1.js
我们提供的服务有:成都网站制作、网站建设、微信公众号开发、网站优化、网站认证、清水ssl等。为成百上千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的清水网站制作公司
其中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通信了。
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、效果演示
你的代码是没有问题的,可能出现不对的原因有两个,
一个是没有加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
几种书写格式
//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的帮助文档。