使用jquery的一些總結，使用jquery總結

使用jquery的一些總結，使用jquery總結

1,使用jquery擷取文字框的值
var abcdefg=$(“#text12”);
方式一:abcdefg[0].value
方式二:abcdefg.val()
注意:abcdefg.attr(“value”)擷取的是預設值,而不是當前文字框的值

2,使用jquery設定為唯讀
方式一:

$('#mechCoupon\\.startNo')[0].readOnly="true";                $('#mechCoupon\\.endNo')[0].readOnly="true";

方式二:

var name22=$('#text1')name22.attr("readonly",true)name22.prop("readonly",true)//prop也可以

3,jquery 選中checkbox

$('#checkbox222').attr("checked",true);

取消選中

$('#checkbox222').attr("checked",false);

4,jquery擷取元素的data-url屬性的值

var videoUrl = that.data('url');

同理,擷取data-id的值

var videoUrl = that.data('id');

5,jquery 查詢天氣預報

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  >(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);        }    });};