Tag: 道具

使用JavaScript获取用户代理

我想得到一个脚本,可以抓住用户的用户代理,并支持它的属性。 我正在做一个网站问题联系表单,我通常需要知道用户正在使用的浏览器。 如何检测用户代理string,并将其作为input元素的值进行支撑。 我的html看起来像这样: <input type="hidden" id="UserAgent" name="User Agent" /> 我想把用户代理作为value属性添加到它,所以它看起来像: <input type="hidden" id="UserAgent" name="User Agent" value="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_3) AppleWebKit/534.53.11 (KHTML, like Gecko) Version/5.1.3 Safari/534.53.10" />

jQuery attr vs道具?

现在,这不仅是另一个有什么区别的问题 ,我已经做了一些testing(http://jsfiddle.net/ZC3Lf/)修改<form action="/test/"></form>​的prop和attr 。输出是: 1)道具修改testing 支柱: http://fiddle.jshell.net/test/1 : http://fiddle.jshell.net/test/1 Attr: http://fiddle.jshell.net/test/1 : http://fiddle.jshell.net/test/1 2)Attr修改testing 支柱: http://fiddle.jshell.net/test/1 : http://fiddle.jshell.net/test/1 Attr: /test/1 3)然后是修改testing 支柱: http://fiddle.jshell.net/test/11 : http://fiddle.jshell.net/test/11 Attr: http://fiddle.jshell.net/test/11 : http://fiddle.jshell.net/test/11 4)Prop然后Attr修改testing 支柱: http://fiddle.jshell.net/test/11 : http://fiddle.jshell.net/test/11 Attr: http://fiddle.jshell.net/test/11 : http://fiddle.jshell.net/test/11 就我所知,现在我对一些事情感到困惑: Prop:通过JavaScript进行修改之后,它的当前状态值 Attr在页面加载的html中定义的值。 现在如果这是正确的, 为什么修改prop似乎使action完全合格,反之为什么修改属性不是? 为什么修改prop在1)修改属性,那对我没有意义? 为什么修改attr 2)修改属性,它们是否意味着这样链接? testing代码 HTML JavaScript的 var element = $('form'); var property […]

prop()和attr()在jQuery和何时使用attr()和prop()的区别

我在一些地方看到.attr()用在jQuery中。在一些地方.prop()被使用。但是我在SOsearch和谷歌我很困惑。请告诉我这两者之间的确切区别,以及何时使用它们。 我已经看到以下链接jQuery attr与道具,有一个道具列表? jQuery attr vs道具? 但是我没有得到答案,请帮助我。提前感谢。 在给出一个downvote之前,请解释原因,然后我会纠正我的下一个职位。

.prop()vs .attr()

所以jQuery 1.6有了新的函数prop() 。 $(selector).click(function(){ //instead of: this.getAttribute('style'); //do i use: $(this).prop('style'); //or: $(this).attr('style'); }) 或在这种情况下他们做同样的事情? 如果我必须切换到使用prop() ,所有旧的attr()调用将打破,如果我切换到1.6? UPDATE selector = '#id' $(selector).click(function() { //instead of: var getAtt = this.getAttribute('style'); //do i use: var thisProp = $(this).prop('style'); //or: var thisAttr = $(this).attr('style'); console.log(getAtt, thisProp, thisAttr); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script> <div id='id' style="color: red;background: orange;">test</div> (另见这个小提琴: http : […]