jquery修改$,jquery修改img标签的src属性
如何用jQuery修改元素属性及内容
$(".demo").attr("_id","abc")
乐安网站建设公司成都创新互联公司,乐安网站设计制作,有大型网站制作公司丰富经验。已为乐安上千家提供企业网站建设服务。企业网站搭建\外贸营销网站建设要多少钱,请找那个售后服务好的乐安做网站的公司定做!
//attr可以获取或者给demo上添加自定义的_id属性。
//如果修改class类名之类的,可以
$(".demo").addClass("abc")//添加class
$(".demo").removeClass("abc")//删除class
jquery插件怎样使用和修改?
jQuery插件 要使用它的话 通常插件中都有demo或者api可以查阅
通常jQuery插件为了减小体积 会发布两个版本 XXX.js和XXX.min.js
如果你要修改插件需要使用XXX.js文件
首先 你要知道它怎么用,先有一个可用的demo(没有demo就自己写一个),然后用webkit内核或firefox进行断点查看,这主要是为了找插件入口点,当然 你也可以直接查看js代码 这需要一定的底子
最后 就是慢慢查看他的代码的实现功能了,先得看懂他是怎么实现的,然后你才会知道怎么改.
jQuery插件我也写的不少 像 模拟alert/confirm/prompt 错误信息提示框 模拟弹出窗体 无缝marquee滚动 分页控件 拖拽控件等等
jQuery插件的框架写法通常是
(function($){
$.fn.extend({
fnKey:function(){}
})
//或者
$.fn.fnKey=function(){}
})(jQuery)
上面的两种写法的调用 方式 是
$("XXX").fnKey()进行调用的
还有一种写法:
var fnClass = function(){
this.fnKey=function(){
}
this.props="";
}
这种写法是的调用 方式是
fnClass obj = new fnClass();
obj.fnKey();
第二种写法是js的面向对象编程 得自己慢慢的理解哈
jquery修改属性值实例代码(设置属性值)
设置属性
-
attr()
jQuery
attr()
方法也用于设置/改变属性值。
下面的例子演示如何改变(设置)链接中
href
属性的值:
实例
复制代码
代码如下:
$("button").click(function(){
$("#keleyi").attr("href","");
});
attr()
方法也允许您同时设置多个属性。
下面的例子演示如何同时设置
href
和
title
属性:
实例
复制代码
代码如下:
$("button").click(function(){
$("#keleyi").attr({
"href"
:
"",
"title"
:
"柯乐义网"
});
});
attr()
的回调函数
jQuery
方法
attr(),也提供回调函数。回调函数由两个参数:被选元素列表中当前元素的下标,以及原始(旧的)值。然后以函数新值返回您希望使用的字符串。
下面的例子演示带有回调函数的
attr()
方法:
实例
复制代码
代码如下:
$("button").click(function(){
$("#keleyi").attr("href",
function(i,origValue){
return
origValue
+
"/jquery";
});
});
JQuery实现页面参数修改
一句话概括,纯html页面之间的传值可以通过url后面的参数进行比如:
b.html?teacher=xxtime=xxx
回到问题中,首先从a.html到b.html需要一个跳转方式,比方说在a.html页面里面你有一个链接:
a href="b.html" id="toPageB"跳转到b页面/a
剩下的就好办了,依次取得你需要的参数,然后修改页面url:
var dataFromLi=[$("#Teachername").text(),$("#Credit_hour").text()];
$("#toPageB").attr("href","b.html?data="+dataFromLi);
然后在b.html页面解析url,获取参数。
更新,如何根据url获取参数:
window.location.search 会返回所有地址栏从“?”开始的字符串。获取某个参数值可以通过正则,下面是一个简单的获取参数的函数:
function getURLParameter(name) {
return decodeURIComponent((new RegExp('[?|]' + name + '=' + '([^;]+?)(|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null;
}
如果你采用jQuery,你可以用更简单的办法:
$.url().param('data');
jquery如何修改标签的内容?
jquery如何修改标签的内容步骤如下:
以下修改a标签的href链接和修改文字的代码:
script type="text/javascript" src="http:/keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"/script
原链接:
a href="" id="home_keleyi_com"柯乐义/a
修改a标签的href链接:
$('#home_keleyi_com').attr('href','')
修改文字:
$("#home_keleyi_com").text('柯乐义首页')
修改后的链接为:
a href="" id="home_keleyi_com"柯乐义首页/a
jQuery定义:
jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中,有59%使用了jQuery,是目前最受欢迎的JavaScript库。
参考资料
keleyi.jQuery[引用时间2018-1-5]
网站标题:jquery修改$,jquery修改img标签的src属性
文章URL:http://ybzwz.com/article/hoiddo.html