使用jquery的一些总结
2015-04-02 23:46
281 查看
1,使用jquery获取文本框的值
var abcdefg=$(“#text12”);
方式一:abcdefg[0].value
方式二:abcdefg.val()
注意:abcdefg.attr(“value”)获取的是默认值,而不是当前文本框的值
2,使用jquery设置为只读
方式一:
方式二:
3,jquery 选中checkbox
取消选中
4,jquery获取元素的data-url属性的值
同理,获取data-id的值
5,jquery 查询天气预报
var abcdefg=$(“#text12”);
方式一:abcdefg[0].value
方式二:abcdefg.val()
注意:abcdefg.attr(“value”)获取的是默认值,而不是当前文本框的值
2,使用jquery设置为只读
方式一:
[code]$('#mechCoupon\\.startNo')[0].readOnly="true"; $('#mechCoupon\\.endNo')[0].readOnly="true";
方式二:
[code]var name22=$('#text1') name22.attr("readonly",true) name22.prop("readonly",true)//prop也可以
3,jquery 选中checkbox
[code]$('#checkbox222').attr("checked",true);
取消选中
[code]$('#checkbox222').attr("checked",false);
4,jquery获取元素的data-url属性的值
[code]var videoUrl = that.data('url');
同理,获取data-id的值
[code]var videoUrl = that.data('id');
5,jquery 查询天气预报
[code]var weather_baidu_url = 'http://api.map.baidu.com/telematics/v3/weather'; var ak_baidu = 'qG49xeEochXpAp1WDVzD6wA7'; var weather_query = function (self) { var $thisForm = com.whuang.hsj.getForm(self); var $city = $thisForm.find("input[type=text]"); if ($city == '') { alert("请输入城市"); return; } var cityVal = $city.val(); var weather_query_url = weather_baidu_url + '?location=' + cityVal + '&output=json&ak=' + ak_baidu; var $result_weather_panel = $('#result_weather_panel'); $.jsonP({ url: weather_query_url, success: function (data) { var htmlFragment = null; if (data && data.status == 'success') { var results = data.results[0]; var currentDate = data.date; var weather_data = results.weather_data; var currentCity = results.currentCity; $result_weather_panel.find(('h1')).html(currentCity + '<span style="font-weight: normal;font-size: initial;" >(PM2.5:' + results.pm25 + ')</span>'); var html = []; var length = weather_data.length; html.push(getWeatherResultFirstItem(weather_data[0])); for (var i = 1; i < length; i++) { html.push(getWeatherResultListItem(weather_data[i])); } htmlFragment = html.join(''); $.ui.loadContent('#result_weather_panel', false, false, 'slide'); } else { alert('没有查询到天气信息'); return; } $result_weather_panel.find("ul.list").html(htmlFragment); user.log('weather:'+cityVal); } }); };
相关文章推荐
- 难点总结:Jquery动态加载数据库中的数据(解答人:郭哲 方式:讲述jquery原理及一些函数的使用方法,学会看帮助文档)
- jquery使用的一些总结
- jquery 使用的一些总结
- js的一些使用。。。(最近项目jquery使用的总结)
- 使用jquery时一些小技巧的总结
- 事件代理总结: 已经有一些使用主流类库的事件代理示例出现了,比如说jQuery、Prototype以及Yahoo! UI。你也可以找到那些不用任何类库的例子,比如说Usable Type blog上的这一个。一旦需要的话,事件代理将是你工具箱里的一件得心应手的工具,而且它很容易实现。
- 使用jQuery的一些注意事项总结(持续更新......)
- Jquery使用方法的一些总结
- JSON使用的一些总结
- JSON使用的一些总结(续)
- FreeBSD6.2在VMware虚拟机中使用的一些经验总结
- 关于oracle中LONG数据类型使用上的一些总结
- 最近使用XML过程中一些问题的总结
- 对ppt使用的一些经验总结
- 使用Spring、Hibernate、Struts的一些错误总结(转)
- 基于JDK5.0的一些collection类的使用总结(转)
- JSON使用的一些总结
- JSON使用的一些总结
- 【转自 技术.人生】[ajax]FireFox和IE下使用ajax的一些小问题总结
- DataGrid 的一些使用总结