table列過濾器
❶ table antd如何實現自定義過濾器
react實現路由直接使用react-router ReactRouter由Ryan Florence發應用於ReactJS路由組件通定義ReactJS組件及相關組件實現頁面路由映射、參數解析傳遞例: var ReactRouter = require('react-router'); var Routes = ReactRouter.Routes; var Route = ReactRouter.Route; //定義整頁面路由結構 var routes = ( );
❷ qt4 tableWidget 怎麼給每個單元格加上時間過濾器installEventFilter分數沒用我送幾個Q幣好了
Qt的事件模型一個強大的功能是一個QObject對象能夠監視發送其他QObject對象的事件,在事件到達之前對其進行處理。
假設我們有一個CustomerInfoDialog控制項,由一些QLineEdit控制項組成。我們希望使用Space鍵得到下一個QLineEdit的輸入焦點。一個最直接的方法是繼承QLineEdit重寫keyPressEvent()函數,當點擊了Space鍵時,調用focusNextChild():
void MyLineEdit::keyPressEvent(QKeyEvent *event)
{
if (event->key() == Qt::Key_Space) {
focusNextChild();
} else {
QLineEdit::keyPressEvent(event);
}
}
這個方法有一個最大的缺點:如果我們在窗體中使用了很多不同類型的控制項(QComboBox,QSpinBox等等),我們也要繼承這些控制項,重寫它們的keyPressEvent()。一個更好的解決方法是讓CustomerInfoDialog監視其子控制項的鍵盤事件,在監視代碼處實現以上功能。這就是事件過濾的方法。實現一個事件過濾包括兩個步驟:
1. 在目標對象上調用installEventFilter(),注冊監視對象。
2. 在監視對象的eventFilter()函數中處理目標對象的事件。
注冊監視對象的位置是在CustomerInfoDialog的構造函數中:
CustomerInfoDialog::CustomerInfoDialog(QWidget *parent)
: QDialog(parent)
{
...
firstNameEdit->installEventFilter(this);
lastNameEdit->installEventFilter(this);
cityEdit->installEventFilter(this);
phoneNumberEdit->installEventFilter(this);
}
事件過濾器注冊後,發送到firstNameEdit,lastNameEdit,cityEdit,phoneNumberEdit控制項的事件首先到達CustomerInfoDialog::eventFilter()函數,然後在到達最終的目的地。
下面是eventFilter()函數的代碼:
bool CustomerInfoDialog::eventFilter(QObject *target, QEvent *event)
{
if (target == firstNameEdit || target == lastNameEdit
|| target == cityEdit || target == phoneNumberEdit) {
if (event->type() == QEvent::KeyPress) {
QKeyEvent *keyEvent = static_cast(event);
if (keyEvent->key() == Qt::Key_Space) {
focusNextChild();
return true;
}
}
}
return QDialog::eventFilter(target, event);
}
首先,我們看是目標控制項是否為QLineEdit,如果事件為鍵盤事件,把QEvent轉換為QKeyEvent,確定被敲擊的鍵。如果為Space鍵,調用focusNextChild(),把焦點交給下一個控制項,返回true通知Qt已經處理了這個事件,如果返回false,Qt將會把事件傳遞給目標控制項,把一個空格字元插入到QLineEdit中。
如果目標控制項不是QLineEdit,或者事件不是Space敲擊事件,把控制權交給基類QDialog的eventFilter()。目標控制項也可以是基類QDialog正在監視的控制項。(在Qt4.1中,QDialog沒有監視的控制項,但是Qt的其他控制項類,如QScrollArea,監視一些它們的子控制項)
Qt的事件處理有5中級別:
1. 重寫控制項的事件處理函數:如重寫keyPressEvent(),mousePressEvent()和paintEvent(),這是最常用的事件處理方法,我們已經看到過很多這樣的例子了。
2. 重寫QObject::event(),在事件到達事件處理函數時處理它。在需要改變Tab鍵的慣用法時這樣做。也可以處理那些沒有特定事件處理函數的比較少見的事件類型(例如,QEvent::HoverEnter)。我們重寫event()時,必須要調用基類的event(),由基類處理我們不需要處理的那些情況。
3. 給QObject對象安裝事件過濾器:對象用installEventFilter()後,所有達到目標控制項的事件都首先到達監視對象的eventFilter()函數。如果一個對象有多個事件過濾器,過濾器按順序激活,先到達最近安裝的監視對象,最後到達最先安裝的監視對象。
4. 給QApplication安裝事件過濾器,如果qApp(唯一的QApplication對象)安裝了事件過濾器,程序中所有對象的事件都要送到eventFilter()函數中。這個方法在調試的時候非常有用,在處理非活動狀態控制項的滑鼠事件時這個方法也很常用。
5. 繼承QApplication,重寫notify()。Qt調用QApplication::nofity()來發送事件。重寫這個函數是在其他事件過濾器處理事件前得到所有事件的唯一方法。通常事件過濾器是最有用的,因為在同一時間,可以有任意數量的事件過濾器,但是notify()函數只有一個。
許多事件類型,包括滑鼠,鍵盤事件,是能夠傳播的。如果事件在到達目標對象的途中或者由目標對象處理掉,事件處理的過程會重新開始,不同的是這時的目標對象是原目標對象的父控制項。這樣從父控制項再到父控制項,知道有控制項處理這個事件或者到達了最頂級的那個控制項。
圖7.2顯示了一個鍵盤事件在一個對話框中從子控制項到父控制項的傳播過程。當用戶敲擊一個鍵盤,時間首先發送到有焦點的控制項上(這個例子中是QCheckBox)。如果QCheckBox沒有處理這個事件,Qt把事件發送到QGroupBox中,如果仍然沒有處理,則最後發送到QDialog中。
❸ SQLyog中如何打開過濾器
登陸成功後你會看到3個資料庫,一個information_schema,和test這個是系統使用的資料庫,不要動他,剩下的一個就是你的資料庫了,點在點他前面的加號,或雙擊打開他,在要修改的表上面按右鍵,然後選擇insert .updata Data for the table 或者快捷鍵F11,然後直接編輯表中的數據即可,編輯好後記得一定要點以下show all or旁邊的存檔圖標,以保存修改,show all or 是列出全部記錄,後面的數字是可以選擇列出從0到多少條以後的數據,按Refresh確認.
如果要刪除多餘的記錄,請在要刪除的記錄前面的方塊里打對號,並點擊show all or 旁邊的存檔上面帶一個紅色X的圖標,進行刪除處理.
❹ 華為路由器裡面的5種過濾器詳解 跪求啊!!!
這些都是不同命令行里的參數。
prefix-list:IP前綴列表。
# 定義if-match子句,設置匹配相關的IPv6路由信息。
<HUAWEI> system-view
[HUAWEI] route-policy policy permit node 10
[HUAWEI-route-policy] if-match ipv6 address prefix-list p1
[HUAWEI-route-policy] if-match ipv6 next-hop prefix-list p1
[HUAWEI-route-policy] if-match ipv6 route-source prefix-list p1
as-path-filter xxx:指定匹配的AS路徑過濾器號。
# 創建序號為2的AS路徑過濾器,允許AS路徑中包含20的路由通過。
<HUAWEI> system-view[HUAWEI] ip as-path-filter 2 permit [ 20 ]
# 查看AS路徑屬性中包含65420的所有BGP VPNv6路由信息。
<HUAWEI> system-view
[HUAWEI] ip as-path-filter 1 permit 65420*
[HUAWEI] display bgp vpnv6 all routing-table as-path-filter 1
community-filter:用來顯示匹配指定的BGP團體屬性過濾器的路由信息。
# 查看本端指定團體列表的所有BGP VPNv6路由信息。
<HUAWEI> system-view
[HUAWEI] ip community-filter 1 permit internet
[HUAWEI] display bgp vpnv6 all routing-table community-filter 1 whole-match
route-policy xxx:指定路由策略名稱
顯示名為policy1的Route-Policy信息。
<HUAWEI> display route-policy policy1
❺ table antd如何實現自定義過濾器
react實現路由直接使用react-router
ReactRouter由Ryan
Florence發應用於ReactJS路由組件通定義ReactJS組件及相關組件實現頁面路由映射、參數解析傳遞例:
var
ReactRouter
=
require('react-router');
var
Routes
=
ReactRouter.Routes;
var
Route
=
ReactRouter.Route;
//定義整頁面路由結構
var
routes
=
(
);
❻ table和id,怎麼定位到5行5列
jquery 一個table中定位到某一行的方法如下:
jquery使用css3選擇器「:nth-child(n)」可以快速選擇具有一定規律排列的元素,:nth-child(n) 用於匹配屬於其父元素的第 n 個子元素,其中n 可以是數字、關鍵詞或公式。注意:
此過濾器的序號是從1開始的
需要IE8以上瀏覽器支持
下面實例演示——為table的第1,4,7,...行添加背景色變色:
1、HTML結構
<tableid="test">
<tr><td>1</td><td>1</td><td>2</td><td>3</td></tr>
<tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>
<tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>
<tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>
<tr><td>5</td><td>4</td><td>5</td><td>6</td></tr>
<tr><td>6</td><td>7</td><td>8</td><td>9</td></tr>
<tr><td>7</td><td>1</td><td>2</td><td>3</td></tr>
<tr><td>8</td><td>4</td><td>5</td><td>6</td></tr>
<tr><td>9</td><td>7</td><td>8</td><td>9</td></tr>
</table>
<inputtype='button'value='設置'/>
2、jquery代碼
$(function(){
$("input[type='button']").click(function(){
$("table#testtr:nth-child(3n+1)").css("background","#229922")
});
});
3、效果演示
❼ hbase如何用過濾器實現項目某個求總數量的統計
HBase為篩選數據提供了一組過濾器,通過這個過濾器可以在HBase中的數據的多個維度(行,列,數據版本)上進行對數據的篩選操作,也就是說過濾器最終能夠篩選的數據能夠細化到具體的一個存儲單元格上(由行鍵,列明,時間戳定位)。通常來說,通過行鍵,值來篩選數據的應用場景較多。
1. RowFilter:篩選出匹配的所有的行,對於這個過濾器的應用場景,是非常直觀的:使用BinaryComparator可以篩選出具有某個行鍵的行,或者通過改變比較運算符(下面的例子中是CompareFilter.CompareOp.EQUAL)來篩選出符合某一條件的多條數據,以下就是篩選出行鍵為row1的一行數據:
[java] view plain
Filter rf = new RowFilter(CompareFilter.CompareOp.EQUAL, new BinaryComparator(Bytes.toBytes("row1"))); // OK 篩選出匹配的所有的行
2. PrefixFilter:篩選出具有特定前綴的行鍵的數據。這個過濾器所實現的功能其實也可以由RowFilter結合RegexComparator來實現,不過這里提供了一種簡便的使用方法,以下過濾器就是篩選出行鍵以row為前綴的所有的行:
[java] view plain在CODE上查看代碼片派生到我的代碼片
Filter pf = new PrefixFilter(Bytes.toBytes("row")); // OK 篩選匹配行鍵的前綴成功的行
3. KeyOnlyFilter:這個過濾器唯一的功能就是只返回每行的行鍵,值全部為空,這對於只關注於行鍵的應用場景來說非常合適,這樣忽略掉其值就可以減少傳遞到客戶端的數據量,能起到一定的優化作用:
[java] view plain在CODE上查看代碼片派生到我的代碼片
Filter kof = new KeyOnlyFilter(); // OK 返回所有的行,但值全是空
4. RandomRowFilter:從名字上就可以看出其大概的用法,本過濾器的作用就是按照一定的幾率(<=0會過濾掉所有的行,>=1會包含所有的行)來返回隨機的結果集,對於同樣的數據集,多次使用同一個RandomRowFilter會返回不通的結果集,對於需要隨機抽取一部分數據的應用場景,可以使用此過濾器:
[java] view plain在CODE上查看代碼片派生到我的代碼片
Filter rrf = new RandomRowFilter((float) 0.8); // OK 隨機選出一部分的行
5. InclusiveStopFilter:掃描的時候,我們可以設置一個開始行鍵和一個終止行鍵,默認情況下,這個行鍵的返回是前閉後開區間,即包含起始行,單不包含中指行,如果我們想要同時包含起始行和終止行,那麼我們可以使用此過濾器:
[java] view plain在CODE上查看代碼片派生到我的代碼片
Filter isf = new InclusiveStopFilter(Bytes.toBytes("row1")); // OK 包含了掃描的上限在結果之內
6. FirstKeyOnlyFilter:如果你只想返回的結果集中只包含第一列的數據,那麼這個過濾器能夠滿足你的要求。它在找到每行的第一列之後會停止掃描,從而使掃描的性能也得到了一定的提升:
[java] view plain在CODE上查看代碼片派生到我的代碼片
Filter fkof = new FirstKeyOnlyFilter(); // OK 篩選出第一個每個第一個單元格
7. ColumnPrefixFilter:顧名思義,它是按照列名的前綴來篩選單元格的,如果我們想要對返回的列的前綴加以限制的話,可以使用這個過濾器:
[java] view plain在CODE上查看代碼片派生到我的代碼片
Filter cpf = new ColumnPrefixFilter(Bytes.toBytes("qual1")); // OK 篩選出前綴匹配的列
8. ValueFilter:按照具體的值來篩選單元格的過濾器,這會把一行中值不能滿足的單元格過濾掉,如下面的構造器,對於每一行的一個列,如果其對應的值不包含ROW2_QUAL1,那麼這個列就不會返回給客戶端:
[java] view plain在CODE上查看代碼片派生到我的代碼片
Filter vf = new ValueFilter(CompareFilter.CompareOp.EQUAL, new SubstringComparator("ROW2_QUAL1")); // OK 篩選某個(值的條件滿足的)特定的單元格
9. ColumnCountGetFilter:這個過濾器來返回每行最多返回多少列,並在遇到一行的列數超過我們所設置的限制值的時候,結束掃描操作:
[java] view plain在CODE上查看代碼片派生到我的代碼片
Filter ccf = new ColumnCountGetFilter(2); // OK 如果突然發現一行中的列數超過設定的最大值時,整個掃描操作會停止
10. SingleColumnValueFilter:用一列的值決定這一行的數據是否被過濾。在它的具體對象上,可以調用setFilterIfMissing(true)或者setFilterIfMissing(false),默認的值是false,其作用是,對於咱們要使用作為條件的列,如果這一列本身就不存在,那麼如果為true,這樣的行將會被過濾掉,如果為false,這樣的行會包含在結果集中。
[java] view plain在CODE上查看代碼片派生到我的代碼片
SingleColumnValueFilter scvf = new SingleColumnValueFilter(
Bytes.toBytes("colfam1"),
Bytes.toBytes("qual2"),
CompareFilter.CompareOp.NOT_EQUAL,
new SubstringComparator("BOGUS"));
scvf.setFilterIfMissing(false);
scvf.setLatestVersionOnly(true); // OK
11. :這個與10種的過濾器唯一的區別就是,作為篩選條件的列的不會包含在返回的結果中。
12. SkipFilter:這是一種附加過濾器,其與ValueFilter結合使用,如果發現一行中的某一列不符合條件,那麼整行就會被過濾掉:
[java] view plain在CODE上查看代碼片派生到我的代碼片
Filter skf = new SkipFilter(vf); // OK 發現某一行中的一列需要過濾時,整個行就會被過濾掉
13. WhileMatchFilter:這個過濾器的應用場景也很簡單,如果你想要在遇到某種條件數據之前的數據時,就可以使用這個過濾器;當遇到不符合設定條件的數據的時候,整個掃描也就結束了:
[java] view plain在CODE上查看代碼片派生到我的代碼片
Filter wmf = new WhileMatchFilter(rf); // OK 類似於Python itertools中的takewhile
14. FilterList:用於綜合使用多個過濾器。其有兩種關系:FilterList.Operator.MUST_PASS_ONE和FilterList.Operator.MUST_PASS_ALL,默認的是FilterList.Operator.MUST_PASS_ALL,顧名思義,它們分別是AND和OR的關系,並且FilterList可以嵌套使用FilterList,使我們能夠表達更多的需求:
[java] view plain在CODE上查看代碼片派生到我的代碼片
List<Filter> filters = new ArrayList<Filter>();
filters.add(rf);
filters.add(vf);
FilterList fl = new FilterList(FilterList.Operator.MUST_PASS_ALL, filters); // OK 綜合使用多個過濾器, AND 和 OR 兩種關系
以上,是對於HBase內置的過濾器的部分總結,以下代碼是數據寫入代碼:
[java] view plain在CODE上查看代碼片派生到我的代碼片
package com.reyun.hbase;
import java.io.IOException;
import org.apache.hadoop.conf.Configuration;
import org.apache.hadoop.hbase.HBaseConfiguration;
import org.apache.hadoop.hbase.client.HTable;
import org.apache.hadoop.hbase.client.Put;
import org.apache.hadoop.hbase.util.Bytes;
public class HBaseDataFeeding {
private final static byte[] ROW1 = Bytes.toBytes("row1");
private final static byte[] ROW2 = Bytes.toBytes("row2");
private final static byte[] COLFAM1 = Bytes.toBytes("colfam1");
private final static byte[] COLFAM2 = Bytes.toBytes("colfam2");
private final static byte[] QUAL1 = Bytes.toBytes("qual1");
private final static byte[] QUAL2 = Bytes.toBytes("qual2");
public static void main(String[] args) throws IOException {
Configuration conf = HBaseConfiguration.create();
HTable table = new HTable(conf, "testtable");
table.setAutoFlushTo(false);
Put put_row1 = new Put(ROW1);
put_row1.add(COLFAM1, QUAL1, Bytes.toBytes("ROW1_QUAL1_VAL"));
put_row1.add(COLFAM1, QUAL2, Bytes.toBytes("ROW1_QUAL2_VAL"));
Put put_row2 = new Put(ROW2);
put_row2.add(COLFAM1, QUAL1, Bytes.toBytes("ROW2_QUAL1_VAL"));
put_row2.add(COLFAM1, QUAL2, Bytes.toBytes("ROW2_QUAL2_VAL"));
try{
table.put(put_row1);
table.put(put_row2);
}finally{
table.close();
}
}
}
以下是過濾器測試代碼,可以通過修改代碼,更換過濾器來看到具體的效果:
[java] view plain在CODE上查看代碼片派生到我的代碼片
package com.reyun.hbase;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
import org.apache.hadoop.conf.Configuration;
import org.apache.hadoop.hbase.Cell;
import org.apache.hadoop.hbase.CellUtil;
import org.apache.hadoop.hbase.HBaseConfiguration;
import org.apache.hadoop.hbase.client.HTable;
import org.apache.hadoop.hbase.client.Result;
import org.apache.hadoop.hbase.client.ResultScanner;
import org.apache.hadoop.hbase.client.Scan;
import org.apache.hadoop.hbase.filter.BinaryComparator;
import org.apache.hadoop.hbase.filter.ColumnCountGetFilter;
import org.apache.hadoop.hbase.filter.ColumnPrefixFilter;
import org.apache.hadoop.hbase.filter.CompareFilter;
import org.apache.hadoop.hbase.filter.Filter;
import org.apache.hadoop.hbase.filter.FilterList;
import org.apache.hadoop.hbase.filter.FirstKeyOnlyFilter;
import org.apache.hadoop.hbase.filter.InclusiveStopFilter;
import org.apache.hadoop.hbase.filter.KeyOnlyFilter;
import org.apache.hadoop.hbase.filter.PageFilter;
import org.apache.hadoop.hbase.filter.PrefixFilter;
import org.apache.hadoop.hbase.filter.RandomRowFilter;
import org.apache.hadoop.hbase.filter.RowFilter;
import org.apache.hadoop.hbase.filter.SkipFilter;
import org.apache.hadoop.hbase.filter.ValueFilter;
import org.apache.hadoop.hbase.filter.SingleColumnValueFilter;
import org.apache.hadoop.hbase.filter.SubstringComparator;
import org.apache.hadoop.hbase.filter.WhileMatchFilter;
import org.apache.hadoop.hbase.util.Bytes;
public class HBaseScannerTest {
public static void main(String[] args) throws IOException, IllegalAccessException {
Configuration conf = HBaseConfiguration.create();
HTable table = new HTable(conf, "testtable");
table.setAutoFlushTo(false);
Scan scan1 = new Scan();
SingleColumnValueFilter scvf = new SingleColumnValueFilter(
Bytes.toBytes("colfam1"),
Bytes.toBytes("qual2"),
CompareFilter.CompareOp.NOT_EQUAL,
new SubstringComparator("BOGUS"));
scvf.setFilterIfMissing(false);
scvf.setLatestVersionOnly(true); // OK
Filter ccf = new ColumnCountGetFilter(2); // OK 如果突然發現一行中的列數超過設定的最大值時,整個掃描操作會停止
Filter vf = new ValueFilter(CompareFilter.CompareOp.EQUAL, new SubstringComparator("ROW2_QUAL1")); // OK 篩選某個(值的條件滿足的)特定的單元格
Filter cpf = new ColumnPrefixFilter(Bytes.toBytes("qual2")); // OK 篩選出前綴匹配的列
Filter fkof = new FirstKeyOnlyFilter(); // OK 篩選出第一個每個第一個單元格
Filter isf = new InclusiveStopFilter(Bytes.toBytes("row1")); // OK 包含了掃描的上限在結果之內
Filter rrf = new RandomRowFilter((float) 0.8); // OK 隨機選出一部分的行
Filter kof = new KeyOnlyFilter(); // OK 返回所有的行,但值全是空
Filter pf = new PrefixFilter(Bytes.toBytes("row")); // OK 篩選匹配行鍵的前綴成功的行
Filter rf = new RowFilter(CompareFilter.CompareOp.NOT_EQUAL, new BinaryComparator(Bytes.toBytes("row1"))); // OK 篩選出匹配的所有的行
Filter wmf = new WhileMatchFilter(rf); // OK 類似於Python itertools中的takewhile
Filter skf = new SkipFilter(vf); // OK 發現某一行中的一列需要過濾時,整個行就會被過濾掉
List<Filter> filters = new ArrayList<Filter>();
filters.add(rf);
filters.add(vf);
FilterList fl = new FilterList(FilterList.Operator.MUST_PASS_ALL, filters); // OK 綜合使用多個過濾器, AND 和 OR 兩種關系
scan1.
setStartRow(Bytes.toBytes("row1")).
setStopRow(Bytes.toBytes("row3")).
setFilter(scvf);
ResultScanner scanner1 = table.getScanner(scan1);
for(Result res : scanner1){
for(Cell cell : res.rawCells()){
System.out.println("KV: " + cell + ", Value: " + Bytes.toString(CellUtil.cloneValue(cell)));
}
System.out.println("------------------------------------------------------------");
}
scanner1.close();
table.close();
}
❽ jQuery slimtable分頁排序插件怎麼取消分頁
jPList是一個靈活的jQuery插件,支持排序、分頁和過濾的HTML結構(DIVs, UL/LI, tables,等等)。
特點
適用於任何內容(表、列表、div元素等)
升序和降序排序
字母數字和數字排序
日期和時間排序
自動分頁
任意數量的文本框過濾器
任意數量的下降過濾器
復選框和單選按鈕過濾器
數據來源:PHP + MySQL, ASP.NET + Sql Server, PHP + SQLite
支持本地存儲和cookies
網格/列表視圖演示頁面
完全可定製的風格
在所有主要瀏覽器工作
SEO友好
帶注釋的源代碼
詳細的文檔
❾ jquery 的過濾器函數怎麼寫
JS代碼
1.DOM對象與JQuery包裝集
1.通過document.getElementById(),document.getElementsByName()等取的就是DOM對象或DOM對象集,前者取的是對象,後者取得DOM對象集
vartext11_dom=document.getElementById("text11");
vartext11_dom=document.getElementsByName("text11")[0];
vartext11_dom=document.all.text11;//此處text11即可以是name值也可以是id值
vartext11_dom=document.all[10];
2.如果要使用JQuery提供的函數首先要構造JQuery包裝集,通過$()返回的即是JQuery包裝集。
vartext11_jquery=$("#text11");
2.JQuery包裝集與DOM對象互相轉換
1.DOM對象不能使用JQuery屬性方法,但DOM對象可以通過$()轉換成JQuery包裝集
vartext11_dom=document.getElementById("text11");
vartext11_jquery=$(text11_dom);
2.JQuery包裝集可以使用部分DOM對象的屬性方法如.length,但也有個別屬性方法不能使用如.value,可以通過在JQuery包裝集後面加中括弧及索引值獲取對應DOM對象
vartext11_dom=$("#text11")[0];
3.在each循環時或觸發事件時的this也是DOM對象
$("#text11").click(function(){
vartext11_dom_value=this.value;
alert(text11_dom_value);
});
3.$符號在JQuery中代表對JQuery對象的引用,JQuery的核心方法有四個
1.jQuery(html[,ownerDocument]):根據HTML原始字元串動態創建Dom元素
$("<div><p>Hello!</p></div>").appendTo("body");
2.jQuery( elements ):將一個或多個Dom對象封裝為jQuery包裝集,就是上面的DOM對象與JQuery包裝集轉換
3.jQuery( callback ):$(document).ready()的簡寫方式
$(function(){
alert("Hello!");
});
4.JQuery(selector[,context]):在指定范圍內查找符合條件的JQuery包裝集,context為查找范圍,context可以是DOM對象集也可以是JQuery包裝集
在所有tr標簽中查找id為text11元素的JQuery包裝集
vartext11_query=$("#text11","tr");
===================jQuery選擇器===================
1. 基礎選擇器 Basics
1.根據標簽名進行選擇
varinput_query=$("input");
2.根據id值選取
vartext11_query=$("#text11");
3.根據class值進行選取
vartext11_query=$(".text11");
4.同時選擇多個符合條件的JQuery包裝集用,號分隔條件
vartext_query=$("#text11,.text12");
5.選擇所有DOM元素
varall_query=$("*");
2.層次選擇器 Hierarchy
1.從所有tr標簽中獲取其下面的所有id值為text11的元素
vartext11_query=$("tr #text11");
2.獲取所有td標簽下的所有直接input子元素
varinput_query=$("td>input");
3.獲取id為text11元素後面的class為button11元素,只獲取一個符合條件的元素。text11與button11在地位上屬於同級關系
varbutton11_query=$("#text11+.button11");
4.獲取id為text11元素後面的所有class為button11的元素
varbutton11_query=$("#text11~.button11");
3.基本過濾器 Basic Filters
1.獲取第一個input元素
varinput_query=$("input:first");
2.獲取最後一個input元素
varinput_query=$("input:last");
3.獲取所有未被選中的input元素
varinput_query=$("input:not(:checked)");
4.第一個input元素算一,查找所有第奇數個的input元素
varinput_query=$("input:even");
5.從第二個input算起,查找所有第偶數個的input元素
varinput_query=$("input:odd");
6.查找索引為1的input元素,索引值從0算起
varinput_query=$("input:eq(1)");
7.查找索引大於0的所有input元素
varinput_query=$("input:gt(0)");
8.查找索引小於2的所有input元素
varinput_query=$("input:lt(2)");
9.獲取頁面所有<h>標題元素
varh_query=$(":header");
10.獲取所有正在執行動畫效果的元素
varanimated_query=$(":animated");
4. 內容過濾器 Content Filters
1.查找所有html內容含有"你好世界!"的h1元素
varh1_query=$("h1:contains('你好世界!')");
2.獲取所有不含子標簽或html內容為空的td元素
vartd_query=$("td:empty");
3.查找所有含有input子元素的td元素
vartd_query=$("td:has(input)");
4.查找所有含有子標簽或有html內容的td元素
vartd_query=$("td:parent");
5.可見性過濾器 Visibility Filters
1.查找所有隱藏的input元素
varinput_query=$("input:hidden");
2.查找所有可見的input元素
varinput_query=$("input:visible");
6.屬性過濾器 Attribute Filters
以下id,name等屬性名,也可換成其他屬性名,或自定義的屬性名
1.查找所有含有id屬性的input元素
varinput_query=$("input[id]");
2.查找name值為text11的input元素
varinput_query=$("input[name='text11']");
3.查找name值不等於text11的所有input元素
varinput_query=$("input[name!='text11']");
4.查找name值以text開頭的input元素
varinput_query=$("input[name^='text']");
5.查找name值以11結尾的所有input元素
varinput_query=$("input[name$='11']");
6.查找name值中含有ext的所有input元素
varinput_query=$("input[name*='ext']");
7.查找所有含有id屬性並且name值中含有ext的input元素
varinput_query=$("input[id][name*='ext']");
7.子元素過濾器 Child Filters
1.查找所有在父元素中的所有子元素中排第2的input元素
nth-child()里參數可選even在這里算偶數,odd在這里算奇數,n任意數即選取所有有父元素的input元素,數字是直接選排在第幾個的input元素,第一個input元素算一
varinput_query=$("input:nth-child(2)");
2.查找所有在父元素中的所有子元素中排第一的input元素
varinput_query=$("input:first-child");
3.查找所有在父元素中所有子元素中排最後一個的input元素
varinput_query=$("input:last-child");
4.查找所有在父元素中是唯一子元素的input元素
varinput_query=$("input:only-child");
8.表單選擇器 Forms
1.查找所有input元素
varinput_query=$(":input");
2.查找所有文本框元素
vartext_query=$(":text");
3.查找所有密碼框元素
varpassword_query=$(":password");
4.查找所有復選框
varcheckbox_query=$(":checkbox");
5.查找所有提交按鈕元素
varsubmit_query=$(":submit");
6.查找所有圖像域元素
varimage_query=$(":image");
7.查找所有重置按鈕元素
varreset_query=$(":reset");
8.查找所有按鈕元素
varbutton_query=$(":button");
9.查找所有文件域元素
varfile_query=$(":file");
9.表單過濾器 Form Filters
1.查找所有可用的input元素
varinput_query=$("input:enabled");
2.查找所有不可用的input元素
varinput_query=$("input:disabled");
3.查找所有選中的單選復選框
varinput_query=$("input:checked");
4.查找所有選中的下拉框
varoption_query=$("option:selected");
❿ jquery 一個table中,定位到指定的行
jquery 一個table中定位到某一行的方法如下:
jquery使用css3選擇器「:nth-child(n)」可以快速選擇具有一定規律排列的元素,:nth-child(n) 用於匹配屬於其父元素的第 n 個子元素,其中n 可以是數字、關鍵詞或公式。注意:
此過濾器的序號是從1開始的
需要IE8以上瀏覽器支持
下面實例演示——為table的第1,4,7,...行添加背景色變色:
1、HTML結構
<tableid="test">
<tr><td>1</td><td>1</td><td>2</td><td>3</td></tr>
<tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>
<tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>
<tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>
<tr><td>5</td><td>4</td><td>5</td><td>6</td></tr>
<tr><td>6</td><td>7</td><td>8</td><td>9</td></tr>
<tr><td>7</td><td>1</td><td>2</td><td>3</td></tr>
<tr><td>8</td><td>4</td><td>5</td><td>6</td></tr>
<tr><td>9</td><td>7</td><td>8</td><td>9</td></tr>
</table>
<inputtype='button'value='設置'/>
2、jquery代碼
$(function(){
$("input[type='button']").click(function(){
$("table#testtr:nth-child(3n+1)").css("background","#229922")
});
});
3、效果演示