资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

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属性
分享地址:http://cdkjz.cn/article/hoiddo.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:400-028-6601 / 大客户专线   成都:13518219792   座机:028-86922220