Power的部落格 » Jquery http://www.forpower.com/blog 把夢越作越小了 Wed, 15 Oct 2025 07:44:27 +0000 en hourly 1 http://wordpress.org/?v=3.1.4 jQuery 檢查元素是否存在 http://www.forpower.com/blog/2018/05/30/jquery-%e6%aa%a2%e6%9f%a5%e5%85%83%e7%b4%a0%e6%98%af%e5%90%a6%e5%ad%98%e5%9c%a8/ http://www.forpower.com/blog/2018/05/30/jquery-%e6%aa%a2%e6%9f%a5%e5%85%83%e7%b4%a0%e6%98%af%e5%90%a6%e5%ad%98%e5%9c%a8/#comments Wed, 30 May 2018 03:26:09 +0000 power http://www.forpower.com/blog/?p=659 0) { alert(‘Yes’); }else{ alert(‘No’); }]]> if ($("#myDiv").length > 0)
{
alert(‘Yes’);
}else{
alert(‘No’);
}

]]> http://www.forpower.com/blog/2018/05/30/jquery-%e6%aa%a2%e6%9f%a5%e5%85%83%e7%b4%a0%e6%98%af%e5%90%a6%e5%ad%98%e5%9c%a8/feed/ 0 Jquery：textarea 多行 pleaceholder http://www.forpower.com/blog/2017/07/20/jquery%ef%bc%9atextarea-%e5%a4%9a%e8%a1%8c-pleaceholder/ http://www.forpower.com/blog/2017/07/20/jquery%ef%bc%9atextarea-%e5%a4%9a%e8%a1%8c-pleaceholder/#comments Thu, 20 Jul 2017 03:05:11 +0000 power http://www.forpower.com/blog/?p=651 var msg = "TEST1\nTEST2\nTEST3"; $("#your_textarea").attr("placeholder", msg); ]]> http://www.forpower.com/blog/2017/07/20/jquery%ef%bc%9atextarea-%e5%a4%9a%e8%a1%8c-pleaceholder/feed/ 0 jQuery：Set select option ‘selected’, by value http://www.forpower.com/blog/2017/07/11/jquery%ef%bc%9aset-select-option-selected-by-value/ http://www.forpower.com/blog/2017/07/11/jquery%ef%bc%9aset-select-option-selected-by-value/#comments Tue, 11 Jul 2017 03:20:47 +0000 power http://www.forpower.com/blog/?p=629 $("#myselect").val("value"); ]]> http://www.forpower.com/blog/2017/07/11/jquery%ef%bc%9aset-select-option-selected-by-value/feed/ 0 jQuery：Add options to a select from an array http://www.forpower.com/blog/2017/07/11/jquery%ef%bc%9aadd-options-to-a-select-from-an-array/ http://www.forpower.com/blog/2017/07/11/jquery%ef%bc%9aadd-options-to-a-select-from-an-array/#comments Tue, 11 Jul 2017 03:03:02 +0000 power http://www.forpower.com/blog/?p=626 $.each(selectArray, function(key, value) { $('#mySelect') .append($("<option></option>") .attr("value",key) .text(value)); }); ]]> http://www.forpower.com/blog/2017/07/11/jquery%ef%bc%9aadd-options-to-a-select-from-an-array/feed/ 0 jQuery：checkbox 全選 http://www.forpower.com/blog/2016/03/08/jquery%ef%bc%9acheckbox-%e5%85%a8%e9%81%b8/ http://www.forpower.com/blog/2016/03/08/jquery%ef%bc%9acheckbox-%e5%85%a8%e9%81%b8/#comments Tue, 08 Mar 2016 00:24:59 +0000 power http://www.forpower.com/blog/?p=571 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>checkbox 全選</title> <script type="text/javascript"> <!-- $(document).ready(function(){ $("#SelectAll").change(function(){ $("#form1 input[type='checkbox']").prop('checked', $(this).prop("checked")); }); }); --> </script> </head> <body> <input type="checkbox" name="SelectAll" id="SelectAll" />全選 <input type="checkbox" name="checkbox[]" id="checkbox" value="1" /> <input type="checkbox" name="checkbox[]" id="checkbox" value="2" /> <input type="checkbox" name="checkbox[]" id="checkbox" value="3" /> </body> </html> ]]> http://www.forpower.com/blog/2016/03/08/jquery%ef%bc%9acheckbox-%e5%85%a8%e9%81%b8/feed/ 0 jqGrid：Set Selected Rows http://www.forpower.com/blog/2015/12/04/jqgrid%ef%bc%9aset-selected-rows/ http://www.forpower.com/blog/2015/12/04/jqgrid%ef%bc%9aset-selected-rows/#comments Fri, 04 Dec 2015 02:59:03 +0000 power http://www.forpower.com/blog/?p=425 for (i = 0, count = rowArray.length; i < count; i += 1) { $("#list").jqGrid('setSelection', rowArray[i], false); } 
setTimeout(function(){ $("#list").jqGrid('setSelection', id); }
, 300);
]]> http://www.forpower.com/blog/2015/12/04/jqgrid%ef%bc%9aset-selected-rows/feed/ 0 jqGrid：Single select checkbox http://www.forpower.com/blog/2015/12/04/jqgrid%ef%bc%9asingle-select-checkbox/ http://www.forpower.com/blog/2015/12/04/jqgrid%ef%bc%9asingle-select-checkbox/#comments Fri, 04 Dec 2015 02:51:35 +0000 power http://www.forpower.com/blog/?p=422 beforeSelectRow: function(rowid, e) { jQuery("#list").jqGrid('resetSelection'); return(true); } ]]> http://www.forpower.com/blog/2015/12/04/jqgrid%ef%bc%9asingle-select-checkbox/feed/ 0 Jquery：Jeditable http://www.forpower.com/blog/2015/11/27/jquery%ef%bc%9ajeditable/ http://www.forpower.com/blog/2015/11/27/jquery%ef%bc%9ajeditable/#comments Fri, 27 Nov 2015 01:19:01 +0000 power http://www.forpower.com/blog/?p=369 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Jeditable</title> <script type="text/javascript"> $(document).ready(function(){ $(".edit").editable("Save.php",{ indicator: "Saving…", tooltip: "Click to update", //event: "click", //onblur: "submit", type: "text", width:($("span#edit").width() + 200) + "px", height:($("span#edit").height() + 100) + "px", style: "display: inline", placeholder: "Click to set text", cancel: "取消修改", submit: "確認修改", callback : function(value, settings) { //window.location.reload(); var oTable = $("#myTable").dataTable(); oTable.fnDraw(); } }); }); </script> </head> <body> <table id="myTable"> <tr> <td><span class="edit" id="edit_1">hello world!</span></td> </tr> </table> </body> </html>

Save.php

<?php
$id = $_POST['id'];
$value = $_POST['value'];
list($field, $id) = explode('_', $id);
mysql_query("UPDATE tb_category SET $field='$value' WHERE cId='$id'");

//將值傳回前端
echo $value;
?>
]]> http://www.forpower.com/blog/2015/11/27/jquery%ef%bc%9ajeditable/feed/ 0 jQuery UI：AutoComplete http://www.forpower.com/blog/2015/11/17/jquery-ui%ef%bc%9aautocomplete/ http://www.forpower.com/blog/2015/11/17/jquery-ui%ef%bc%9aautocomplete/#comments Tue, 17 Nov 2015 06:30:44 +0000 power http://www.forpower.com/blog/?p=361 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>AutoComplete</title> <script> $(function() { $("#tags").autocomplete({ source: "Search.php", minLength: 2, //search after two characters select: function( event, ui ) { console.log( ui.item ? "Selected: " + ui.item.value + " aka " + ui.item.id : "Nothing selected, input was " + this.value ); } }); }); </script> </head> <body> <label for="tags">Tags：</label> <input id="tags"> </body> </html>

Search.php

$term = trim(strip_tags($_GET['term']));
$arr = array();

$sql = "SELECT id,tag FROM test WHERE tag LIKE '".$term."%'";
$data = $this->db->getAll($sql);
foreach($data as $k => $v)	{
    $arr[$k]['id'] = $v['id'];
    $arr[$k]['value'] = $v['tag'];
}
echo json_encode($arr);
]]> http://www.forpower.com/blog/2015/11/17/jquery-ui%ef%bc%9aautocomplete/feed/ 0 jqGrid：Get custom jqGrid JSON data in loadComplete method http://www.forpower.com/blog/2015/11/04/get-custom-jqgrid-json-data-in-loadcomplete-method/ http://www.forpower.com/blog/2015/11/04/get-custom-jqgrid-json-data-in-loadcomplete-method/#comments Wed, 04 Nov 2015 08:03:43 +0000 power http://www.forpower.com/blog/?p=321 jqGrid JSON response:

{
    //Custom JSON data:
    "userdata":{"lastSearchTime":"2015/01/01:16:00:00"},

    //Normal JSON data:
    "page":1,
    "records":101,
    "rows":[...],
    "rowCount":10,
    "total":11
}

loadComplete: function() {
    var obj = $('#list').jqGrid('getGridParam', 'userData');
}
]]> http://www.forpower.com/blog/2015/11/04/get-custom-jqgrid-json-data-in-loadcomplete-method/feed/ 0