十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
使用步骤如下:
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名与空间、虚拟主机、营销软件、网站建设、浦北网站维护、网站推广。
1.jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。
2.然后我们来开始编辑HTML界面代码。
3.使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。
4.接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码
js改变图片路径:
HTML代码:
img id="tu" src="images/bg1.jpg" /
button id="btnChange" value="换图" onclick="changeImg();"/
js代码:
script type="text/javascript"
function changeImg(){
//取出图片控件
var img=document.getElementById("tu");
//改变其src属性的值
img.src="images/bg2.jpg";
}
/script
jQuery改变图片路径:
HTML代码:
img id="tu" src="images/bg1.jpg" /
button id="btnChange" value="换图"/
js代码:
script type="text/javascript" src="js/jquery.1.8.3.min.js"/script
script type="text/javascript"
$(document).ready(function(){
//按钮点击事件
$("#btnChange").click(function(){
$("#tu").attr("src","images/bg2.jpg");
//或者
$("#tu").prop("src","images/bg3.jpg");
});
});
/script
div class="test"
img src="test.jpg"/
/div
$(function(){
var url = $('.test img').attr("src");
alert(url);
});
jQuery的attr属性可以返回元素属性,如上代码所示
attr(name|preperties|key,value|fn)详解
参数
name :属性名称
properties:作为属性的"名/值对"对象
key,value:属性名称
fn:调用函数
script type="text/javascript" src="路径"/script
script type="text/javascript"
$(function(){
代码写在这里//
})
/script
head/head
里面添加
script src="../路径/到/jquery.min.js" type="text/javascript"/script
LZ 是想要知道这个格式吗?